Window Document Object

Document Object

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

องค์ประกอบเอกสารต้นโครงสร้างของเอกสาร HTML。

องค์ประกอบเอกสารคือองค์ประกอบหน้าต่างAttribute ของมันด้วยวิธีต่อไปนี้。

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

window.document หรือใช้ document

ตัวอย่าง

let url = window.document.URL;

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

let url = document.URL;

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

Attribute และวิธีขององค์ประกอบเอกสาร

ข้างต้นนี้เป็น属性และวิธีที่สามารถใช้ในเอกสาร HTML:

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

คำอธิบาย Document

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

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

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

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

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