Hal-hal yang perlu diperhatikan saat mengembangkan JavaScript lintas-browser

1. Gunakan elemen tbody saat menambahkan baris ke tabel

untuk mendefinisikan tabel guna memastikan bahwa tabel tersebut dapat digunakan oleh semua browser termasuk IE.

Contoh: Definisikan tabel kosong sebagai berikut

<table id="myTable">

<tbody id=" myTableBody"></ tbody>

</table>

Cara yang benar untuk menambahkan baris ke tabel ini adalah dengan menambahkan baris ke badan tabel, bukan ke tabel.

Var sel = document.createElement("td").appendChild(document.createTextNode("foo"));

Var baris = document.createElement("tr").appendChild(cell)

; appendChild(row);

*Di IE, Anda perlu membuat baris terlebih dahulu, lalu membuat kolom, lalu membuat konten.

2. Mengatur gaya elemen.

Var

spanElement = document.getElementById("mySpan");

metode penulisan dijamin berfungsi di semua browser kecuali IE. Tersedia

spanElement.setAttribute("style","font-weight:bold;color:red;");

//Metode penulisan berikut memastikan bahwa IE dapat menggunakan

spanElement.style. cssText="font-weight:bold;color:red;";

3. Mengatur atribut kelas elemen

Var element = document.getElementById(“myElement”);

//Metode penulisan berikut memastikan bahwa semua browser kecuali IE dapat menggunakan

(

“class”,”styleClass”);

IE

tersedia di

Element.setAttribute("className","styleClass");

"

);

//Kotak teks satu baris, kotak centang, tombol radio, tombol radio , Tombol memerlukan atribut ini untuk membedakan

Button.setAttribute("type","button");

appendChild(button);

5. Tambahkan event handler ke elemen input

Var formElement=document.getElementById(" formElement");

//

Tersedia di semua browser

formElement.onclick=function(){doFoo();};

di semua browser kecuali IE

formElement.setAttribute("onclick","doFoo();");

6. Buat radio buttonIf

(document.uniqueID){

//Internet Explorer

Var radioButton=document.createElement("<input type=' radio' name='radioButton' value='checked'>");

}else{

/ /Standar Sesuai

Var radioButton=document.createElement("input");

radioButton.setAttribute("type","radio");

radioButton. setAttribute("name","radioButton");

radioButton.setAttribute("value"," dicentang”);

}

7. insertRow, insertCell, deleteRow

Di IE, jika table.insertRow() tidak menentukan parameter, baris akan ditambahkan setelah tabel. Bit parameter default adalah -1; jika di Firefox, parameter harus ditambahkan.