Đối tượng Document của HTML DOM

Đối tượng Document

Khi tài liệu HTML được tải vào trình duyệt web, nó trở thành mộtĐối tượng tài liệu.

Đối tượng tài liệuLà điểm gốc của tài liệu HTML.

Đối tượng tài liệuLàĐối tượng cửa sổthuộc tính.

Truy cập thông qua các cách sau:Đối tượng tài liệu:

window.document hoặc chỉ cần document

Mô hình

let url = window.document.URL;

Thử nghiệm trực tiếp

let url = document.URL;

Thử nghiệm trực tiếp

Thuộc tính và phương thức đối tượng tài liệu

Dưới đây là các thuộc tính và phương thức có thể sử dụng trong tài liệu HTML:

Thuộc tính / Phương thức Mô tả
all[] Trả về tham chiếu đến tất cả các phần tử HTML trong tài liệu.
activeElement Trả về phần tử có điểm nhấn hiện tại trong tài liệu.
addEventListener() Gắn trình xử lý sự kiện vào tài liệu.
adoptNode() Chấp nhận điểm từ tài liệu khác.
anchors Đã bị bỏ lại.
applets Đã bị bỏ lại.
baseURI Trả về URI cơ sở tuyệt đối của tài liệu.
body Đặt hoặc trả về nội dung chính của tài liệu (phần tử <body>).
charset Đã bị bỏ lại.
characterSet Trả về mã hóa ký tự của tài liệu.
close() Đóng luồng đầu ra đã mở bằng document.open().
cookie Trả về bộ các cặp tên/giá trị của cookie trong tài liệu.
createAttribute() Tạo điểm thuộc tính.
createComment() Tạo điểm Comment có văn bản được chỉ định.
createDocumentFragment() Tạo điểm DocumentFragment trống.
createElement() Tạo điểm phần tử.
createEvent() Tạo sự kiện mới.
createTextNode() Tạo điểm текст.
defaultView Trả về đối tượng cửa sổ liên quan đến tài liệu, nếu không có sẵn thì trả về null.
designMode Kiểm soát toàn bộ tài liệu có nên chỉnh sửa hay không.
doctype Trả về thông báo loại tài liệu liên quan đến tài liệu.
documentElement Trả về phần tử Document của tài liệu (phần tử <html>).
documentMode Đã bị bỏ lại.
documentURI Đặt hoặc trả về vị trí của tài liệu.
domain Trả về tên miền của máy chủ đã tải tài liệu.
domConfig Đã bị bỏ lại.
embeds Trả về bộ các phần tử <embed> trong tài liệu.
execCommand() Đã bị bỏ lại.
forms Trả về bộ các phần tử <form> trong tài liệu.
getElementById() Trả về phần tử có giá trị ID được chỉ định.
getElementsByClassName() Trả về bộ các phần tử có tên lớp được chỉ định. HTMLCollection.
getElementsByName() Trả về bộ các phần tử hoạt động có tên được chỉ định. NodeList.
getElementsByTagName() Trả về bộ các phần tử có tên thẻ được chỉ định. HTMLCollection.
hasFocus() Trả về giá trị布尔, chỉ thị tài liệu có tập trung hay không.
head Trả về phần tử <head> của tài liệu.
images Trả về bộ các phần tử <img> trong tài liệu.
implementation Trả về đối tượng DOMImplementation xử lý tài liệu này.
importNode() Nhập nút từ tài liệu khác.
inputEncoding Đã bị bỏ lại.
lastModified Trả về ngày và giờ cuối cùng tài liệu được sửa đổi.
links Trả về bộ sưu tập các thẻ <a> và <area> có thuộc tính href trong tài liệu.
normalize() Xóa các nút văn bản trống và kết nối các nút lân cận.
normalizeDocument() Đã bị bỏ lại.
open() Mở luồng đầu ra HTML để thu thập đầu ra từ document.write().
querySelector() Trả về yếu tố đầu tiên khớp với bộ lọc CSS chọn của tài liệu.
querySelectorAll() Trả về NodeList tĩnh chứa tất cả các yếu tố khớp với bộ lọc CSS chọn của tài liệu.
readyState Trả về trạng thái (đang tải) của tài liệu.
referrer Trả về URL của tài liệu đã tải hiện tại.
removeEventListener() Xóa sự kiện xử lý từ tài liệu (đã sử dụng phương thức addEventListener() thêm vào đó).
renameNode() Đã bị bỏ lại.
scripts Trả về bộ sưu tập các thẻ <script> trong tài liệu.
strictErrorChecking Đã bị bỏ lại.
title Đặt hoặc trả về tiêu đề của tài liệu.
URL Trả về URL đầy đủ của tài liệu HTML.
write() Viết biểu thức HTML hoặc mã JavaScript vào tài liệu.
writeln() Tương tự như write(), nhưng thêm dấu ngắt hàng sau mỗi câu.

Mô tả đối tượng Document

Giao diện HTMLDocument mở rộng giao diện Document của DOM, định nghĩa các thuộc tính và phương thức chuyên dụng cho HTML.

Nhiều thuộc tính và phương thức là đối tượng HTMLCollection (thực chất là một mảng hoặc mảng chỉ số tên chỉ đọc), trong đó lưu trữ các tham chiếu đến thẻ liên kết, biểu mẫu, liên kết và các yếu tố có thể được script hóa khác.

Những thuộc tính bộ sưu tập này đều bắt nguồn từ cấp DOM 0. Chúng đã được Document.getElementsByTagName() được thay thế, nhưng vẫn thường được sử dụng vì chúng rất tiện lợi.

phương thức write()Đáng chú ý, trong quá trình tải và phân tích tài liệu, nó cho phép một script chèn nội dung được tạo động vào tài liệu.

Lưu ý, trong 1 cấp DOM, HTMLDocument đã định nghĩa một phương thức có tên getElementById() Cách làm rất hữu ích. Trong 2 cấp DOM, phương thức này đã được chuyển sang giao diện Document, hiện tại nó được kế thừa bởi HTMLDocument thay vì được định nghĩa bởi nó.