HTML DOM Document แบบ Object

องค์ประกอบ Document

เมื่อเอกสาร HTML โหลดเข้าสู่เว็บเบราเซอร์องค์ประกอบเอกสาร。

องค์ประกอบเอกสารจุดเริ่มต้นของเอกสาร HTML

องค์ประกอบเอกสารคือองค์ประกอบหน้าต่างคุณสมบัติของมัน

สามารถเข้าถึงองค์ประกอบเอกสาร:

window.document หรือใช้ document

ตัวอย่าง

let url = window.document.URL;

ลองทดลองด้วยตัวเอง

let url = document.URL;

ลองทดลองด้วยตัวเอง

คุณสมบัติและวิธีขององค์ประกอบเอกสาร

คุณสมบัติและวิธีต่อไปนี้สามารถใช้สำหรับเอกสาร HTML:

รายการคุณสมบัติ / วิธี รายละเอียด
all[] กลับคืนอ้างอิงที่อยู่ของทุกองค์ประกอบ HTML ในเอกสาร
activeElement กลับคืนองค์ประกอบสำหรับองค์ประกอบที่ได้รับความสนใจในละแวกของเอกสาร
addEventListener() แอพเพนท์รีซเฟอร์แอ็คชันเกี่ยวกับเอกสาร
adoptNode() ใช้ตัวเนื่องจากเอกสารอื่นๆ
anchors ถูกยกเลิก
applets ถูกยกเลิก
baseURI กลับค่า URI พื้นฐานของเอกสาร
body ตั้งค่าหรือกลับค่าข้อความที่มีข้อความของเอกสาร (<body> องค์ประกอบ)
charset ถูกยกเลิก
characterSet กลับค่าการเข้ารหัสแหล่งข้อมูลของเอกสาร
close() ปิดสายออกที่เปิดก่อนหน้านี้ด้วย document.open()
cookie กลับค่าชื่อ/ค่าของโคกี้ทั้งหมดในเอกสาร
createAttribute() สร้างตัวเนื่องแอตทริบิวต์
createComment() สร้างตัวเนื่อง Comment ที่มีข้อความที่กำหนด
createDocumentFragment() สร้างตัวเนื่อง DocumentFragment ว่าง
createElement() สร้างตัวเนื่องเอเล็ม
createEvent() สร้างเหตุต่างๆใหม่
createTextNode() สร้างตัวเนื่องข้อความ。
defaultView กลับค่าวิตกกังวลของหน้าต่างที่เชื่อมโยงกับเอกสาร หากไม่มีวิตกกังวลใช้ null กลับค่า
designMode ควบคุมว่าเอกสารควรสามารถแก้ไขได้ทั้งหมดหรือไม่。
doctype กลับค่าประกาศประเภทเอกสารที่เชื่อมโยงกับเอกสาร。
documentElement กลับค่าองค์ประกอบ Document ของเอกสาร (<html> องค์ประกอบ)。
documentMode ถูกยกเลิก
documentURI ตั้งค่าหรือกลับค่าตำแหน่งของเอกสาร。
domain กลับค่าโดเมนของเซิร์ฟเวอร์ที่โหลดเอกสาร。
domConfig ถูกยกเลิก
embeds กลับค่าคลังของ <embed> ทั้งหมดในเอกสาร。
execCommand() ถูกยกเลิก
forms กลับค่าคลังของ <form> ทั้งหมดในเอกสาร。
getElementById() กลับค่าเอเล็มที่มีค่า ID ที่กำหนดโดยเฉพาะ
getElementsByClassName() กลับค่าเอเล็มที่มีชื่อรูปแบบที่กำหนดโดยเฉพาะ HTMLCollection。
getElementsByName() กลับค่าเอเล็มที่มีชื่อที่กำหนดโดยเฉพาะที่เป็นสถานะเคลื่อนไหว NodeList。
getElementsByTagName() กลับค่าเอเล็มที่มีชื่อแทร็กที่กำหนดโดยเฉพาะ HTMLCollection。
hasFocus() กลับค่าเป็นสัญญาณเลือกตัวแบบบูลเลียน ที่ระบุว่าเอกสารได้รับความสนใจจากผู้ใช้。
head กลับค่า <head> ของเอกสาร。
images กลับค่าคลังของ <img> ทั้งหมดในเอกสาร。
implementation กลับค่า DOMImplementation ที่จัดการกับเอกสารนี้
importNode() นำโครงสร้างจากเอกสารอื่นเข้ามา
inputEncoding ถูกยกเลิก
lastModified กลับค่าวันและเวลาที่เอกสารถูกแก้ไขครั้งสุดท้าย
links กลับค่าตัวเลือกที่เป็นสำหรับอิเลเมนต์ <a> และ <area> ที่มีคุณสมบัติ href ในเอกสาร
normalize() ลบข้อความว่างและเชื่อมโยงข้อความที่เกี่ยวข้อง
normalizeDocument() ถูกยกเลิก
open() เปิด HTML ออกทางเข้าเพื่อรวบรวมออกทางเข้าจาก document.write()
querySelector() กลับค่าอิเลเมนต์แรกที่ตรงกับ CSS ซึ่งกำหนดไว้ในเอกสาร
querySelectorAll() กลับค่า NodeList ที่มีการตรวจสอบ CSS ซึ่งตรงกับ CSS ซึ่งกำหนดไว้ในเอกสาร
readyState กลับค่าสถานะ (loading) ของเอกสาร
referrer กลับค่า URL ของเอกสารที่โหลดเข้ามา
removeEventListener() ลบมือปฏิบัติที่ใช้งาน (removeEventListener()) วิธีการ addEventListener() แบบที่เสริม
renameNode() ถูกยกเลิก
scripts กลับค่าตัวเลือกที่เป็นสำหรับตัวแปร <script> ในเอกสาร
strictErrorChecking ถูกยกเลิก
title ตั้งหรือกลับค่าหัวข้อเอกสาร
URL กลับค่า URL ที่เป็นสำหรับเอกสาร HTML
write() เขียน HTML และ JavaScript สำหรับเอกสาร
writeln() เหมือนกับ write() แต่ใส่รวมตัวขีดให้เรียงต่อข้อความ

คำอธิบาย Document โอบเจกต์

มีการขยาย DOM Document โดย HTMLDocument โดยกำหนดคุณสมบัติและวิธีการที่เป็นเฉพาะสำหรับ HTML

มีมากมาย คุณสมบัติและวิธีการเป็นตัวแทนของ HTMLCollection ตัวแทนของตัวแปร Array หรือ Array ที่สามารถใช้ด้วยชื่อและตัวดัดแปลง ซึ่งมีการอ้างอิงถึงหน้าแนะ ฟอร์ม ลิงก์ และอิเลเมนต์ที่สามารถใช้สคริปต์ได้

คุณสมบัติและวิธีการที่มาจาก 0 ระดับ DOM นี้ ได้ถูก Document.getElementsByTagName() ถูกแทนที่ด้วยแต่ยังคงถูกใช้งานมาก เพราะมันเป็นสิ่งที่ง่ายต่อการใช้งาน

วิธีการ write()ควรจะสังเกตว่า ในขณะที่บันทึกเอกสารและแก้ไขเอกสาร มันอนุญาตให้สคริปต์ส่งเนื้อหาที่สร้างไว้ได้ทันทีเข้าไปในเอกสาร

注意 ใน DOM ระดับ 1 HTMLDocument ได้กำหนดความหมายแก่ฉากแบบนี้ getElementById() เป็นวิธีที่มีประโยชน์มาก. ใน DOM ระดับ 2 วิธีนี้ถูกย้ายไปยังส่วนของ Document อินเตอร์เฟซ ซึ่งปัจจุบันถูกสืบทอดโดย HTMLDocument แทนที่จะถูกกำหนดโดยมันเอง.