1. Use o elemento tbody ao anexar linhas à tabela
para definir a tabela e garantir que ela possa ser usada por todos os navegadores, incluindo o IE.
Exemplo: Defina uma tabela vazia como segue
<table id="myTable">
<tbody id=". myTableBody"></ tbody>
</table>
A maneira correta de adicionar linhas a esta tabela é adicionar linhas ao corpo da tabela, não à tabela.
Var célula = document.createElement("td").appendChild(document.createTextNode("foo"));
Var linha = document.createElement("tr").appendChild(cell);
Document.getElementById("myTableBody"). appendChild(row);
*No IE, você precisa criar linhas primeiro, depois criar colunas e, emseguida
, criar conteúdo
2.
Defina o estilo do elemento.
o método de escrita funciona em todos os navegadores, exceto o IE. Disponível
spanElement.setAttribute("style","font-weight:bold;color:red;");
//O método de escrita a seguir garante que o IE possa usar
spanElement.style. cssText="font-weight:bold;color:red;";
3.
Defina o atributo de classe do elemento
Var element = document.getElementById(“myElement”);
Element.setAttribute(“class
”,”styleClass”);
//O seguinte método de escrita Certifique-se de que o IE esteja disponível em
Element.setAttribute("className","styleClass")
;
"input");
//Caixa de texto de linha única, caixa de seleção, botão de opção, botão de opção, os botões precisam deste atributo para distinguir
Button.setAttribute("type","button")
; appendChild(button);
5. Adicione um manipulador de eventos ao elemento de entrada
Var formElement=document.getElementById(" formElement");
//
Disponível em todos os navegadores
formElement.onclick=function(){doFoo();};
em todos os navegadores, exceto IE
formElement.setAttribute("onclick","doFoo();");
6. Crie um botão de opçãoIf
(document.uniqueID){
//Internet Explorer
Var radioButton=document.createElement("<input type=' radio' name='radioButton' value='checked'>");
}else{
/ /Compatível com padrões
Var radioButton=document.createElement("input");
radioButton.setAttribute("type","radio");
radioButton. setAttribute("name","radioButton");
radioButton.setAttribute("value","checked”);
}
7. insertRow, insertCell, deleteRow
No IE, se table.insertRow() não especificar parâmetros, linhas serão adicionadas. após a tabela. O bit de parâmetro padrão é -1; se estiver no Firefox, parâmetros como: insertRow (-1).