HTML DOM เป็นมาตรฐานสำหรับวิธีการรับแก้ไขเพิ่มหรือลบองค์ประกอบ HTML ใน HTML DOM ทุกอย่างเป็นโหนด DOM คือ HTML ซึ่งถือเป็นต้นไม้โหนด
ตามมาตรฐาน HTML DOM ของ W3C เนื้อหาทั้งหมดในเอกสาร HTML คือโหนด:
เอกสารทั้งหมดเป็นโหนดเอกสาร
แต่ละองค์ประกอบ HTML คือโหนดองค์ประกอบ
ข้อความในองค์ประกอบ HTML คือโหนดข้อความ
แอตทริบิวต์ HTML แต่ละตัวคือโหนดแอตทริบิวต์
หมายเหตุคือโหนดคำอธิบายประกอบ
HTML DOM ถือว่าเอกสาร HTML เป็นโครงสร้างต้นไม้ โครงสร้างนี้เรียกว่าทรีโหนด:
อินสแตนซ์ HTML DOM Tree
http://www.w3school.com.cn/i/ct_htmltree.gif
ผ่าน HTML DOM โหนดทั้งหมดในต้นไม้สามารถเข้าถึงได้ผ่าน JavaScript องค์ประกอบ HTML ทั้งหมด (โหนด) สามารถแก้ไขหรือสร้างหรือลบโหนด
องค์ประกอบ HTML ทั้งหมดถูกกำหนดเป็นวัตถุในขณะที่อินเทอร์เฟซการเขียนโปรแกรมเป็นวิธีการของวัตถุและแอตทริบิวต์วัตถุ
หนึ่ง: การได้รับเมธอดโหนดองค์ประกอบ:
1.var node = document.getElementById ("nodeId");
2.VAR nodeList = document.getElementsByClassName ("nodeClassName");
3.VAR nodelist = document.getElementsByTagname ("nodetagname");
สอง: หลังจากได้รับโหนดองค์ประกอบเราสามารถดำเนินการของเขา: 1. การดำเนินการสำหรับตัวเราเอง 2. การดำเนินการสำหรับ sub -nodes 3. การดำเนินการสำหรับโหนดพี่ชาย 4. การดำเนินการสำหรับโหนดหลัก
2.1.
2.2. ตรวจสอบว่ามี sub -nodes: var boolean = node.haschildnodes ();
รายการโหนดเด็ก: var childList = node.childnodes;
รับประเภทของโหนดองค์ประกอบ: var nodetype = node.nodeType;
ลบโหนดเด็ก Node.removeChild (เด็ก);
ใส่รหัสย่อยที่หางของโหนดลูก: node.AppendChild (ChildNode);
อย่าแทรก node ย่อยที่ sub -node: node.insertbeface (childNode);
ใช้โหนดเพื่อแทนที่โหนด B: node.replacechild (a, b);
2.3.node.nextsibling
Node.Previousibling รับโหนดพี่น้องที่อยู่ติดกัน
2.4.