Coisas a serem observadas ao desenvolver JavaScript entre navegadores

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);

seguida

, 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”);

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).