1. ใช้องค์ประกอบ tbody เมื่อต่อท้ายแถวเข้ากับตาราง
เพื่อกำหนดตารางเพื่อให้แน่ใจว่าสามารถใช้งานได้โดยเบราว์เซอร์ทั้งหมดรวมถึง IE
ตัวอย่าง: กำหนดตารางว่างดังนี้
<table id="myTable">
<tbody id=" myTableBody"></ tbody>
</table>
วิธีที่ถูกต้องในการเพิ่มแถวลงในตารางนี้คือการเพิ่มแถวลงในเนื้อหาของตาราง ไม่ใช่ในตาราง
เซลล์ Var = document.createElement("td").appendChild(document.createTextNode("foo"));
แถว Var = document.createElement("tr").appendChild(cell);
Document.getElementById("myTableBody") appendChild(row);
*ใน IE คุณต้องสร้างแถวก่อน จากนั้นจึงสร้างคอลัมน์ จากนั้นจึงสร้างเนื้อหา
2.
กำหนดรูปแบบขององค์ประกอบ
Var spanElement = document.getElementById("mySpan");
รับประกันว่าวิธีเขียนจะใช้ได้กับทุกเบราว์เซอร์ ยกเว้น IE
spanElement.setAttribute("style",font-weight:bold;color:red;");
//วิธีเขียนต่อไปนี้ช่วยให้แน่ใจว่า IE สามารถใช้
spanElement.style
ได้cssText="font-weight:bold;color:red;";
3. ตั้งค่าแอตทริบิวต์คลาสขององค์ประกอบ
Var element = document.getElementById(“myElement”);
// วิธีการเขียนต่อไปนี้ทำให้แน่ใจได้ว่าเบราว์เซอร์ทั้งหมดสามารถใช้ได้ ยกเว้น IE
Element.setAttribute("class","styleClass");
//วิธีการเขียนต่อไปนี้ ต้องแน่ใจว่า IE มีอยู่ใน
Element.setAttribute("className","styleClass");
4. สร้างองค์ประกอบอินพุต
ปุ่ม Var = document.createElement( "input");
//กล่องข้อความบรรทัดเดียว, ช่องทำเครื่องหมาย, ปุ่มตัวเลือก, ปุ่มตัวเลือก , ปุ่มต้องใช้คุณลักษณะนี้เพื่อแยกแยะ
Button.setAttribute("type", "button");
Document.getElementById("formElement") appendChild(button);
5. เพิ่มตัวจัดการเหตุการณ์ให้กับองค์ประกอบอินพุต
Var formElement=document.getElementById(" formElement");
// มีอยู่ในเบราว์เซอร์ทั้งหมด
formElement.onclick
=function(){doFoo();};
ในเบราว์เซอร์ทั้งหมด ยกเว้น IE
formElement.setAttribute("onclick","doFoo();");
6. สร้าง radio buttonIf
(document.uniqueID){
//Internet Explorer
Var radioButton=document.createElement("<input type=' radio' name='radioButton' value='checked'>");
}else{
/ /Standards Compliant
Var radioButton=document.createElement("input");
radioButton.setAttribute("type", "radio");
radioButton. setAttribute("name", "radioButton");
radioButton.setAttribute("value, "checked");
}
7. insertRow, insertCell, DeleteRow
ใน IE ถ้า table.insertRow() ไม่ได้ระบุพารามิเตอร์ แถวจะถูกเพิ่ม หลังตาราง บิตพารามิเตอร์เริ่มต้นคือ -1; หากใน Firefox จะต้องเพิ่มพารามิเตอร์ เช่น: insertRow(-1)