1. Utilice el elemento tbody al agregar filas a la tabla
para definir la tabla y garantizar que pueda ser utilizada por todos los navegadores, incluido IE.
Ejemplo: defina una tabla vacía de la siguiente manera
<table id="myTable">
<tbody id=". myTableBody"></ tbody>
</table>
La forma correcta de agregar filas a esta tabla es agregar filas al cuerpo de la tabla, no a la tabla.
Var celda = document.createElement("td").appendChild(document.createTextNode("foo"));
Var fila = document.createElement("tr").appendChild(cell);
Document.getElementById("myTableBody"). appendChild(row);
* En IE, primero debe crear filas, luego crear columnas y luego crear contenido.
2.
Establezca el estilo del elemento.
Var spanElement = document.getElementById("mySpan");
Se garantiza que el método de escritura funcionará en todos los navegadores excepto IE. Disponible
spanElement.setAttribute("style","font-weight:bold;color:red;");
//El siguiente método de escritura garantiza que IE pueda usar
spanElement.style. cssText="font-weight:bold;color:red;";
3. Establezca el atributo de clase del elemento
Var element = document.getElementById(“myElement”);
// El siguiente método de escritura garantiza que todos los navegadores, excepto IE, puedan usarlo.
Element.setAttribute(“class
”,”styleClass”);
//El siguiente método de escritura Asegúrese de que IE esté disponible en
Element.setAttribute("className","styleClass")
;
"input");
// Cuadro de texto de una sola línea, casilla de verificación, botón de opción, botón de opción. Los botones necesitan este atributo para distinguirse
Button.setAttribute("type","button")
; appendChild(button);
5. Agregue un controlador de eventos al elemento de entrada
Var formElement=document.getElementById(" formElement");
//Disponible
en todos los navegadores
formElement.onclick=function(){doFoo();};
en todos los navegadores excepto IE
formElement.setAttribute("onclick","doFoo();");
6. Cree un botón de opciónIf
(document.uniqueID){
//Internet Explorer
Var radioButton=document.createElement("<input type=' radio' name='radioButton' value='checked'>");
}else{
/ /Var que cumple con los estándares
radioButton=document.createElement("input");
radioButton.setAttribute("type","radio");
radioButton. setAttribute("name","radioButton");
radioButton.setAttribute("value","checked”);
}
7. insertRow, insertCell, deleteRow
En IE, si table.insertRow() no especifica parámetros, se agregarán filas después de la tabla. El bit de parámetro predeterminado es -1; si está en Firefox, se deben agregar parámetros como: insertRow (-1).