HTML DOM هو معيار لكيفية الحصول على عناصر HTML أو تعديلها أو إضافة أو حذف. في HTML DOM ، كل شيء هو عقدة. DOM هو HTML ، والتي تعتبر شجرة العقدة.
وفقًا لمعايير HTML DOM في W3C ، فإن جميع المحتويات في مستند HTML هي العقد:
المستند بأكمله هو عقدة مستند
كل عنصر HTML هو عنصر العنصر
النص الموجود في عنصر HTML هو عقدة النص
كل سمة HTML هي عقدة السمة
ملاحظة هي عقدة التعليق التوضيحي
يعتبر HTML DOM مستندات HTML كهيكل شجرة. يسمى هذا الهيكل شجرة العقدة:
مثيل شجرة HTML DOM
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 -node: var childlist = node.childnodes ؛
احصل على نوع عنصر العقدة: var nodetype = node.nodeType ؛
حذف عقدة الطفل. node.removechild (childnode) ؛
أدخل نود فرعي عند ذيل العقدة الطفل: node.appendchild (childnode) ؛
لا تقم بإدراج node sub -node في sub -node: node.insertbeface (childnode) ؛
استخدم عقدة لاستبدال العقد B: node.replacechild (a ، b) ؛
2.3.node.nextsibling
node.previousibling الحصول على عقدة الإخوة المجاورة
2.4.