HTML โหนด DOM
ใน HTML DOM (Document Object Model) ทุกอย่างเป็นโหนด:
- เอกสารที่ตัวเองเป็นโหนดเอกสาร
- องค์ประกอบ HTML ทั้งหมดอยู่ในโหนดองค์ประกอบ
- แอตทริบิวต์ HTML ทั้งหมดอยู่ในโหนดแอตทริบิวต์
- ข้อความภายในองค์ประกอบ HTML มีโหนดข้อความ
- ความคิดเห็นที่โหนดแสดงความคิดเห็น
วัตถุ attr
ใน DOM HTML, วัตถุ attr หมายถึงแอตทริบิวต์ HTML
แอตทริบิวต์ HTML เสมอเป็นองค์ประกอบ HTML
วัตถุ NamedNodeMap
ใน DOM HTML, วัตถุ NamedNodeMap หมายถึงคอลเลกชันเรียงลำดับขององค์ประกอบแอตทริบิวต์โหนด
โหนใน NamedNodeMap สามารถเข้าถึงได้ตามชื่อหรือตามดัชนี (number)
สนับสนุนเบราว์เซอร์
| วัตถุ | |||||
|---|---|---|---|---|---|
| Attr | ใช่ | ใช่ | ใช่ | ใช่ | ใช่ |
| NamedNodeMap | ใช่ | ใช่ | ใช่ | ใช่ | ใช่ |
วัตถุ attr และวัตถุ NamedNodeMap ได้รับการสนับสนุนในเบราว์เซอร์ที่สำคัญทั้งหมด
คุณสมบัติและวิธีการ
| คุณสมบัติ / วิธี | ลักษณะ |
|---|---|
| attr .isId | ผลตอบแทนจริงถ้าแอตทริบิวต์เป็น Id ประเภทมิฉะนั้นก็จะส่งกลับเท็จ |
| attr .name | ผลตอบแทนที่ได้ชื่อของแอตทริบิวต์ |
| attr .value | ตั้งค่าหรือผลตอบแทนที่คุ้มค่าของแอตทริบิวต์ |
| attr .specified | ผลตอบแทนจริงถ้าแอตทริบิวต์ได้รับการระบุมิฉะนั้นก็จะส่งกลับเท็จ |
| nodemap getNamedItem() | ส่งคืนโหนดแอตทริบิวต์ที่ระบุจาก NamedNodeMap |
| nodemap item() | โหนดกลับแอตทริบิวต์ที่ระบุไว้ในดัชนี NamedNodeMap |
| .length nodemap | ส่งกลับจำนวนโหนดแอตทริบิวต์ใน NamedNodeMap |
| nodemap removeNamedItem() | ลบโหนดแอตทริบิวต์ที่ระบุไว้ |
| nodemap setNamedItem() | การตั้งค่า specified โหนดแอตทริบิวต์ (by name) |
DOM 4 คำเตือน !!!
ใน W3C DOM หลักที่ attr (attribute) วัตถุสืบทอดคุณสมบัติและวิธีการจากวัตถุโหนด
ใน DOM 4 วัตถุ attr ไม่สืบทอดจากโหนด
เพื่อคุณภาพรหัสในอนาคตคุณควรหลีกเลี่ยงการใช้คุณสมบัติโหนดวัตถุและวิธีการที่วัตถุแอตทริบิวต์:
| คุณสมบัติ / วิธี | เหตุผลในการหลีกเลี่ยง |
|---|---|
| attr appendChild() | แอตทริบิวต์ไม่ได้มีโหนดลูก |
| attr .attributes | แอตทริบิวต์ไม่ได้มีคุณลักษณะ |
| attr .baseURI | ใช้ document.baseURI แทน |
| attr .childNodes | แอตทริบิวต์ไม่ได้มีโหนดลูก |
| attr cloneNode() | รับหรือตั้ง .value attr แทน |
| attr .firstChild | แอตทริบิวต์ไม่ได้มีโหนดลูก |
| attr hasAttributes() | แอตทริบิวต์ไม่ได้มีคุณลักษณะ |
| attr .hasChildNodes | แอตทริบิวต์ไม่ได้มีโหนดลูก |
| attr insertBefore() | แอตทริบิวต์ไม่ได้มีโหนดลูก |
| attr isEqualNode() | ทำให้รู้สึกไม่ |
| attr isSameNode() | ทำให้รู้สึกไม่ |
| attr isSupported() | เป็นจริงเสมอ |
| attr .lastChild | แอตทริบิวต์ไม่ได้มีโหนดลูก |
| attr .nextSibling | แอตทริบิวต์ไม่ได้มีพี่น้อง |
| attr .nodeName | ใช้ .name attr แทน |
| attr .nodeType | นี้อยู่เสมอ 2 (ATTRIBUTE_NODE) |
| attr .nodeValue | ใช้ .value attr แทน |
| attr normalize() | แอตทริบิวต์ไม่สามารถปกติ |
| attr .ownerDocument | นี้อยู่เสมอเอกสาร HTML ของคุณ |
| attr .ownerElement | นี่คือองค์ประกอบ HTML ที่คุณใช้ในการเข้าถึงแอตทริบิวต์ |
| attr .parentNode | นี่คือองค์ประกอบ HTML ที่คุณใช้ในการเข้าถึงแอตทริบิวต์ |
| attr .previousSibling | แอตทริบิวต์ไม่ได้มีพี่น้อง |
| attr .removeChild | แอตทริบิวต์ไม่ได้มีโหนดลูก |
| attr .replaceChild | แอตทริบิวต์ไม่ได้มีโหนดลูก |
| attr .textContent | ใช้ attr .value แทน |