Đối tượng Window Document

Đố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 bắt đầu của tài liệu HTML.

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

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ử ngay

let url = document.URL;

Thử ngay

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ả
activeElement Trả về phần tử được tập trung hiện tại trong tài liệu.
addEventListener() Gắn bộ xử lý sự kiện vào tài liệu.
adoptNode() Chọn lấy các nút từ tài liệu khác.
anchors Đã bỏ qua.
applets Đã bỏ qua.
baseURI Trả về URI cơ sở của tài liệu.
body Thiết lập hoặc trả về nội dung chính của tài liệu (yếu tố <body>).
charset Đã bỏ qua.
characterSet Trả về mã mã hóa ký tự của tài liệu.
close() Đóng luồng đầu ra đã mở trước đó bằng document.open().
cookie Trả về bộ sưu tập các cặp tên/giá trị cookie trong tài liệu.
createAttribute() Tạo nút thuộc tính.
createComment() Tạo nút Comment có văn bản được chỉ định.
createDocumentFragment() Tạo nút DocumentFragment trống.
createElement() Tạo nút yếu tố.
createEvent() Tạo sự kiện mới.
createTextNode() Tạo nút văn bản.
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 liệu tài liệu có nên được chỉnh sửa hay không.
doctype Trả về khai báo loại tài liệu liên quan đến tài liệu.
documentElement Trả về yếu tố Document của tài liệu (yếu tố <html>).
documentMode Đã bỏ qua.
documentURI Thiết lập 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ỏ qua.
embeds Trả về bộ sưu tập tất cả các yếu tố <embed> trong tài liệu.
execCommand() Đã bỏ qua.
forms Trả về bộ sưu tập tất cả các yếu tố <form> trong tài liệu.
getElementById() Trả về yếu tố có giá trị thuộc tính ID được chỉ định.
getElementsByClassName() Trả về bộ sưu tập các yếu tố có tên lớp được chỉ định. HTMLCollection.
getElementsByName() Trả về bộ sưu tập các yếu tố hoạt động có tên được chỉ định. NodeList.
getElementsByTagName() Trả về bộ sưu tập các yếu tố có tên thẻ được chỉ định. HTMLCollection.
hasFocus() Trả về giá trị boolean, chỉ ra tài liệu có được tập trung hay không.
head Trả về yếu tố <head> của tài liệu.
images Trả về bộ sưu tập tất cả các yếu 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ỏ qua.
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ỏ qua.
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 lựa được chỉ định trong 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 lựa được chỉ định trong 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() Phụ thuộc).
renameNode() Đã bỏ qua.
scripts Trả về bộ sưu tập các thẻ <script> trong tài liệu.
strictErrorChecking Đã bỏ qua.
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 các thẻ a, biểu mẫu, liên kết và các yếu tố có thể được script hóa khác.

Các thuộc tính bộ sưu tập này đều xuất phát từ cấp DOM 0. Chúng đã bị Document.getElementsByTagName() Đã bị 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 ván bản chèn nội dung được tạo động vào tài liệu.

Lưu ý, trong cấp DOM 1, HTMLDocument đã định nghĩa một đối tượng có tên getElementById() là phương pháp rất hữu ích. Trong cấp DOM 2, phương pháp 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ó.