วัตถุองค์ประกอบ HTML DOM
โหนด HTML DOM
HTML DOM (Document Object Model) ในแต่ละโหนดสิ่งที่มี:
- เอกสารที่ตัวเองเป็นวัตถุเอกสาร
- องค์ประกอบ HTML ทั้งหมดอยู่ในโหนดองค์ประกอบ
- แอตทริบิวต์ HTML ทั้งหมดอยู่ในโหนดแอตทริบิวต์
- องค์ประกอบ HTML จะถูกแทรกลงในข้อความของโหนดข้อความ
- ความคิดเห็นที่โหนดแสดงความคิดเห็น
วัตถุธาตุ
ใน DOM HTML, วัตถุธาตุหมายถึงองค์ประกอบ HTML
เด็กองค์ประกอบของวัตถุที่อาจจะสามารถเป็นโหนดองค์ประกอบโหนดข้อความโหนดความคิดเห็น
วัตถุ NodeList หมายถึงรายการโหนดคล้ายกับองค์ประกอบ HTML เด็กโหนดคอลเลกชัน
องค์ประกอบสามารถมีแอตทริบิวต์ ทรัพย์สินที่อยู่ในแอตทริบิวต์โหนด (ดูหัวข้อถัดไป)
สนับสนุนเบราว์เซอร์
ทั้งหมดที่สำคัญวัตถุส่วนสนับสนุนเบราว์เซอร์และวัตถุ NodeList .
คุณสมบัติและวิธีการ
คุณสมบัติดังกล่าวข้างต้นและวิธีการที่นำไปใช้กับองค์ประกอบ HTML ทั้งหมด:
| คุณสมบัติ / วิธี | ลักษณะ |
|---|---|
| องค์ประกอบ .accessKey | ชุดหรือผลตอบแทนที่เป็นองค์ประกอบ accesskey |
| องค์ประกอบ .addEventListener () | เพิ่มตัวจัดการเหตุการณ์ที่จะเป็นองค์ประกอบที่ระบุ |
| องค์ประกอบ .appendChild () | การเพิ่มองค์ประกอบใหม่ให้กับองค์ประกอบเด็ก |
| .attributes องค์ประกอบ | ก็จะส่งกลับอาร์เรย์ของคุณลักษณะขององค์ประกอบที่เป็นนักการ |
| .childNodes องค์ประกอบ | ส่งกลับอาร์เรย์ขององค์ประกอบในโหนดเด็ก |
| องค์ประกอบ .classlist | ผลตอบแทนที่ได้ชื่อชั้นขององค์ประกอบที่เป็นวัตถุ DOMTokenList |
| องค์ประกอบ .className | ชุดหรือส่งกลับแอตทริบิวต์ระดับขององค์ประกอบ |
| องค์ประกอบ .clientHeight | ผลตอบแทนที่ได้เนื้อหาบนความสูงที่มองเห็นหน้า (ไม่รวมเส้นขอบขอบหรือเลื่อน) เดอะ |
| องค์ประกอบ .clientWidth | ผลตอบแทนที่ได้เนื้อหาของหน้าเว็บที่มองเห็นในความกว้าง (ไม่รวมเส้นขอบขอบหรือเลื่อน) |
| องค์ประกอบ .cloneNode () | โคลนองค์ประกอบ |
| องค์ประกอบ .compareDocumentPosition () | เอกสารตำแหน่งเพื่อเปรียบเทียบสององค์ประกอบ |
| องค์ประกอบ .contentEditable | ชุดหรือผลตอบแทนไม่ว่าจะเป็นเนื้อหาขององค์ประกอบที่สามารถแก้ไขได้ |
| .dir องค์ประกอบ | ชุดหรือส่งกลับองค์ประกอบในทิศทางของข้อความ |
| องค์ประกอบ .firstChild | ผลตอบแทนที่ได้ลูกคนแรกขององค์ประกอบ |
| องค์ประกอบ .focus () | ชุดเอกสารหรือได้รับองค์ประกอบโฟกัส |
| องค์ประกอบ .getAttribute () | ส่งกลับค่าแอตทริบิวต์องค์ประกอบที่ระบุ |
| องค์ประกอบ .getAttributeNode () | โหนดกลับแอตทริบิวต์ที่ระบุ |
| องค์ประกอบ .getElementsByTagName () | ผลตอบแทนที่ได้ชื่อแท็กของคอลเลกชันของทุกองค์ประกอบของเด็ก |
| องค์ประกอบ. getElementsByClassName () | ผลตอบแทนที่ได้องค์ประกอบทั้งหมดในเอกสารระบุชื่อชั้นของคอลเลกชันที่เป็นวัตถุ NodeList |
| องค์ประกอบ .getFeature () | ผลตอบแทนที่ได้ระบุลักษณะของวัตถุที่จะดำเนินการ APIs |
| องค์ประกอบ .getUserData () | กลับวัตถุที่เกี่ยวข้องกับองค์ประกอบที่สำคัญ |
| องค์ประกอบ .hasAttribute () | ถ้าคุณสมบัติที่ระบุอยู่องค์ประกอบผลตอบแทนจริงมิฉะนั้นก็จะส่งกลับเท็จ |
| .hasAttributes องค์ประกอบ () | หากมีองค์ประกอบใด ๆ ของสถานที่ให้ผลตอบแทนจริงมิฉะนั้นก็จะส่งกลับเท็จ |
| .hasChildNodes องค์ประกอบ () | ผลตอบแทนที่ได้ไม่ว่าจะเป็นองค์ประกอบที่มีองค์ประกอบของเด็ก ๆ |
| องค์ประกอบ .hasfocus () | ส่งกลับค่าบูลีนตรวจหาว่าโฟกัสเอกสารหรือองค์ประกอบกำไร |
| .id องค์ประกอบ | ชุดหรือผลตอบแทน ID ขององค์ประกอบ |
| องค์ประกอบ .innerHTML | ชุดหรือผลตอบแทนที่เนื้อหาขององค์ประกอบ |
| องค์ประกอบ .insertBefore () | ใส่องค์ประกอบลูกใหม่ก่อนที่จะมีองค์ประกอบของเด็กที่มีอยู่ |
| องค์ประกอบ .isContentEditable | ถ้าเนื้อหาองค์ประกอบผลตอบแทนที่สามารถแก้ไขได้จริงเท็จอย่างอื่น |
| องค์ประกอบ .isDefaultNamespace () | ถ้า namespaceURI ผลตอบแทนจริงมิฉะนั้นก็จะส่งกลับเท็จ |
| องค์ประกอบ .isEqualNode () | ตรวจสอบสององค์ประกอบที่มีค่าเท่ากัน |
| องค์ประกอบ .isSameNode () | ตรวจสอบสององค์ประกอบทุกคนมีโหนดเดียวกัน |
| องค์ประกอบ .isSupported () | หากได้รับการสนับสนุนคุณสมบัติที่ระบุไว้ในองค์ประกอบผลตอบแทนจริง |
| องค์ประกอบ .lang | ชุดหรือผลตอบแทนที่ภาษาของธาตุนั้น |
| องค์ประกอบ .lastChild | องค์ประกอบของเด็กกลับล่าสุด |
| องค์ประกอบ .namespaceURI | ส่งกลับ namespace URI |
| องค์ประกอบ .nextSibling | ตามด้วยการกลับมาขององค์ประกอบที่ |
| องค์ประกอบ .nodeName | ผลตอบแทนที่ได้ชื่อแท็กขององค์ประกอบ (ตัวพิมพ์ใหญ่) |
| องค์ประกอบ .nodeType | ส่งคืนโหนดประเภทขององค์ประกอบ |
| องค์ประกอบ .nodeValue | ส่งกลับค่าของโหนดองค์ประกอบ |
| องค์ประกอบ .normalize () | ดังนั้นนี้ได้กลายเป็น "ปกติ" รูปแบบที่มีโครงสร้างเฉพาะ (เช่นองค์ประกอบความคิดเห็นคำแนะนำในการประมวลผลส่วน CDATA และการอ้างอิงนิติบุคคล) โหนดข้อความเว้นระยะคือธาตุ (รวมทั้งทรัพย์สิน) โหนดข้อความทั้งหมดด้านล่างเป็นค่าที่อยู่ติดกัน โหนดข้อความหรือโหนดข้อความที่ว่างเปล่า |
| องค์ประกอบ .offsetHeight | กลับองค์ประกอบของความสูงใด ๆ รวมทั้งชายแดนและการบรรจุ แต่ไม่ขอบ |
| องค์ประกอบ .offsetWidth | ส่งกลับความกว้างขององค์ประกอบรวมทั้งเส้นขอบและ padding แต่ไม่อัตรากำไรขั้นต้น |
| องค์ประกอบ .offsetLeft | ส่งกลับองค์ประกอบปัจจุบันของญาติแนวนอนชดเชยตำแหน่งชดเชยภาชนะ |
| องค์ประกอบ .offsetParent | ส่งกลับองค์ประกอบคอนเทนเนอร์ชดเชย |
| องค์ประกอบ .offsetTop | ส่งกลับองค์ประกอบปัจจุบันญาติแนวตั้งชดเชยของภาชนะชดเชย |
| องค์ประกอบ .ownerDocument | ผลตอบแทนที่ได้องค์ประกอบของธาตุราก (วัตถุเอกสาร) |
| องค์ประกอบ .parentNode | ส่งคืนโหนดแม่ขององค์ประกอบ |
| องค์ประกอบ .previousSibling | ผลตอบแทนที่เป็นองค์ประกอบทันทีก่อนองค์ประกอบ |
| องค์ประกอบ .querySelector () | กลับตรงกับองค์ประกอบเลือก CSS ที่ระบุเป็นองค์ประกอบที่ลูกคนแรก |
| document.querySelectorAll () | ผลตอบแทนที่ได้เลือก CSS ที่ระบุตรงกับองค์ประกอบรายการโหนดของทุกองค์ประกอบย่อย |
| องค์ประกอบ .removeAttribute () | เอาแอตทริบิวต์ที่ระบุจากองค์ประกอบ |
| องค์ประกอบ .removeAttributeNode () | ลบโหนดแอตทริบิวต์ที่ระบุและส่งกลับกำจัดโหนดหลัง |
| องค์ประกอบ .removeChild () | การลบองค์ประกอบย่อย |
| องค์ประกอบ .removeEventListener () | เอามือจับโดย addEventListener () วิธีการเพิ่มกิจกรรม |
| องค์ประกอบ .replaceChild () | เปลี่ยนองค์ประกอบเด็ก |
| องค์ประกอบ .scrollHeight | ผลตอบแทนที่สูงขององค์ประกอบทั้งหมด (รวมทั้งที่มีสถานที่ที่ซ่อนอยู่ของแถบเลื่อน) |
| องค์ประกอบ .scrollLeft | กลับมาจากมุมมองปัจจุบันขององค์ประกอบที่แท้จริงของขอบด้านซ้ายและขอบด้านซ้าย |
| องค์ประกอบ .scrollTop | กลับมาจากขอบด้านบนและมุมมองด้านบนขององค์ประกอบที่แท้จริงของขอบระหว่างปัจจุบัน |
| องค์ประกอบ .scrollWidth | ผลตอบแทนที่ได้องค์ประกอบของความกว้างทั้งหมด (รวมทั้งที่มีสถานที่ที่ซ่อนอยู่ของแถบเลื่อน) |
| องค์ประกอบ .setAttribute () | ตั้งค่าหรือเปลี่ยนคุณสมบัติที่กำหนดไว้และค่าที่ระบุ |
| องค์ประกอบ .setAttributeNode () | ตั้งค่าหรือเปลี่ยนโหนดแอตทริบิวต์ที่ระบุ |
| องค์ประกอบ .setIdAttribute () | |
| องค์ประกอบ .setIdAttributeNode () | |
| องค์ประกอบ .setUserData () | ในองค์ประกอบที่เกี่ยวข้องกับวัตถุคีย์ที่ระบุ |
| องค์ประกอบ .style | ชุดหรือส่งกลับแอตทริบิวต์รูปแบบขององค์ประกอบ |
| องค์ประกอบ .tabIndex | ชุดหรือผลตอบแทนการสั่งซื้อแท็บขององค์ประกอบ |
| องค์ประกอบ .tagName | ในฐานะที่เป็นชื่อแท็กสตริงขององค์ประกอบ (ตัวพิมพ์ใหญ่) |
| องค์ประกอบ .textContent | ชุดหรือส่งกลับโหนดและเนื้อหาของข้อความ |
| .title องค์ประกอบ | ชุดหรือส่งกลับแอตทริบิวต์ชื่อขององค์ประกอบ |
| องค์ประกอบ .ToString () | องค์ประกอบที่เป็นสตริง |
| .item nodelist () | ผลตอบแทนดัชนีขององค์ประกอบในต้นไม้เอกสารที่ตาม |
| .length nodelist | ส่งกลับจำนวนของโหนดในรายการโหนด |