1. Verwenden Sie beim Anhängen von Zeilen an die Tabelle das tbody-Element,
um die Tabelle zu definieren und sicherzustellen, dass sie von allen Browsern einschließlich IE verwendet werden kann.
Beispiel: Definieren Sie eine leere Tabelle wie folgt:
<table id="myTable">
<tbody id=". myTableBody"></ tbody>
</table>
Der richtige Weg, Zeilen zu dieser Tabelle hinzuzufügen, besteht darin, Zeilen zum Tabellenkörper und nicht zur Tabelle hinzuzufügen.
Var cell = document.createElement("td").appendChild(document.createTextNode("foo"));
Var row = document.createElement("tr").appendChild(cell);
Document.getElementById("myTableBody"). appendChild(row);
*Im IE müssen Sie zuerst Zeilen erstellen und dann den Inhalt erstellen.
Var
spanElement
= document.getElementById("mySpan");
Die Schreibmethode funktioniert garantiert in allen Browsern außer IE. Verfügbar
spanElement.setAttribute("style",font-weight:bold;color:red;"
//Die folgende Schreibmethode stellt sicher, dass IE
spanElement.style verwenden kann. cssText="font-weight:bold;color:red;";
3. Setzen Sie das Klassenattribut des Elements
Var element = document.getElementById(“myElement”);
//Die folgende Schreibmethode stellt sicher, dass alle Browser außer IE verwenden können
Element.setAttribute(„class“,styleClass“);
//Die folgende Schreibmethode stellt sicher, dass IE in
Element.setAttribute("className","styleClass");
verfügbar ist. Eingabeelemente erstellen
Var button = document.createElement( "input");
//Einzeiliges Textfeld, Kontrollkästchen, Optionsfeld, Schaltflächen benötigen dieses Attribut zur Unterscheidung
Button.setAttribute("type","button")
; appendChild(button);
5. Fügen Sie einen Event-Handler zum Eingabeelement hinzu.
Var
formElement=document.getElementById(" formElement");
//
Verfügbar in allen Browsern
in allen Browsern außer IE
formElement.setAttribute("onclick","doFoo();");
6. Erstellen Sie ein OptionsfeldIf
(document.uniqueID){
//Internet Explorer
Var radioButton=document.createElement("<input type=' radio' name='radioButton' value='checked'>");
}else{
/ /Standards Compliant
Var radioButton=document.createElement("input");
radioButton.setAttribute("type","radio");
radioButton. setAttribute("name","radioButton");
radioButton.setAttribute("value","checked");
}
7. insertRow, insertCell, deleteRow
Wenn table.insertRow() im IE keine Parameter angibt, werden Zeilen hinzugefügt nach der Tabelle ist das Standardparameterbit -1; wenn in Firefox Parameter hinzugefügt werden müssen, wie zum Beispiel: insertRow(-1).