1. Utilisez l'élément tbody lors de l'ajout de lignes au tableau
pour définir le tableau afin de garantir qu'il peut être utilisé par tous les navigateurs, y compris IE.
Exemple : Définissez un tableau vide comme suit
<table id="myTable">
<tbody id=". myTableBody"></ tbody>
</table>
La bonne façon d'ajouter des lignes à ce tableau est d'ajouter des lignes au corps du tableau, pas au tableau.
Var cell = document.createElement("td").appendChild(document.createTextNode("foo"));
Var row = document.createElement("tr").appendChild(cell);
Document.getElementById("myTableBody"). appendChild(row);
*Dans IE, vous devez d'abord créer des lignes, puis créer des colonnes, puis créer du contenu
2.
Définissez le style de l'élément
Var spanElement = document.getElementById("mySpan");
La méthode d'écriture est garantie de fonctionner dans tous les navigateurs sauf IE. Disponible
spanElement.setAttribute("style","font-weight:bold;color:red;");
//La méthode d'écriture suivante garantit que IE peut utiliser
spanElement.style. cssText="font-weight:bold;color:red;";
3. Définissez l'attribut de classe de l'élément
Var element = document.getElementById(“myElement”);
//La méthode d'écriture suivante garantit que tous les navigateurs, à l'exception d'IE, peuvent utiliser
Element.setAttribute("class", "styleClass");
//La méthode d'écriture suivante Assurez-vous que IE est disponible dans
Element.setAttribute("className","styleClass");
4. Créer des éléments d'entrée
Var bouton = document.createElement( "input");
//
Zone de texte sur une seule ligne, case à cocher, bouton radio, bouton radio, Les boutons ont besoin de cet attribut pour distinguer
Button.setAttribute("type","button");
appendChild(button);
5. Ajouter un gestionnaire d'événements à l'élément d'entrée
Var formElement=document.getElementById(" formElement");
//Disponible
dans tous les navigateurs
formElement.onclick=function(){doFoo();};
dans tous les navigateurs sauf IE
formElement.setAttribute("onclick","doFoo();");
6. Créez un bouton radioIf
(document.uniqueID){
//Internet Explorer
Var radioButton=document.createElement("<input type=' radio' name='radioButton' value='checked'>");
}else{
/ /Var conforme aux normes
radioButton=document.createElement("input");
radioButton.setAttribute("type","radio");
radioButton. setAttribute("name","radioButton");
radioButton.setAttribute("value"," vérifié");
}
7. insertRow, insertCell, deleteRow
Dans IE, si table.insertRow() ne spécifie pas de paramètres, des lignes seront ajoutées après le tableau. Le bit de paramètre par défaut est -1 ; si dans Firefox, des paramètres doivent être ajoutés tels que : insertRow(-1).