Window Document 对象

Document 对象

当 HTML 文档加载到 Web 浏览器中时，它就变成了一个文档对象.

文档对象是 HTML 文档的根节点。

文档对象是窗口对象的属性。

通过以下方式访问文档对象：

window.document 或仅用 document

实例

let url = window.document.URL;

亲自试一试

let url = document.URL;

亲自试一试

文档对象属性和方法

以下属性和方法可用于 HTML 文档：

属性 / 方法 描述
activeElement 返回文档中当前获得焦点的元素。
addEventListener() Idinugtungan ang event handler sa dokumento.
adoptNode() Hinahawakan ang mga node mula sa ibang dokumento.
anchors Nawala na.
applets Nawala na.
baseURI Bumubuo ng absolute base URI ng dokumento.
body Iset o ibalik ang laman ng dokumento (elemento <body>).
charset Nawala na.
characterSet Iset o ibalik ang character encoding ng dokumento.
close() Isara ang naunang stream na pinapalabas ng document.open().
cookie Bumubuo ng isang pares ng pangalan at halaga ng lahat ng cookie sa dokumento.
createAttribute() Lumikha ng attribute node.
createComment() Lumikha ng Comment node na may tinukoy na teksto.
createDocumentFragment() Lumikha ng walang laman na DocumentFragment node.
createElement() Lumikha ng element node.
createEvent() Lumikha ng bagong event.
createTextNode() Lumikha ng text node.
defaultView Bumubuo ng window object na nauugnay sa dokumento, kung wala, ibalik null.
designMode Nagkontrol kung ang buong dokumento ay dapat baguhin o hindi.
doctype Bumubuo ng doctype na nauugnay sa dokumento.
documentElement Bumubuo ng Document elemento ng dokumento (elemento <html>).
documentMode Nawala na.
documentURI Iset o ibalik ang posisyon ng dokumento.
domain Bumubuo ng pangalan ng domain ng server na nangalalagay ng dokumento.
domConfig Nawala na.
embeds Bumubuo ng isang koleksyon ng lahat ng <embed> elemento sa dokumento.
execCommand() Nawala na.
forms Bumubuo ng isang koleksyon ng lahat ng <form> elemento sa dokumento.
getElementById() Bumubuo ng elemento na may tinukoy na halaga ng ID property.
getElementsByClassName() Bumubuo ng isang koleksyon ng lahat ng elemento na may tinukoy na pangalan ng klase. HTMLCollection.
getElementsByName() Bumubuo ng aktibong elemento na may tinukoy na pangalan. NodeList.
getElementsByTagName() Bumubuo ng isang koleksyon ng lahat ng elemento na may tinukoy na pangalan ng tag. HTMLCollection.
hasFocus() Bumubuo ng boolean na nagtutukoy kung ang dokumento ay nagkaroon ng fokus.
head Bumubuo ng <head> elemento ng dokumento.
images Bumubuo ng isang koleksyon ng lahat ng <img> elemento sa dokumento.
implementation Ibigay ang DOMImplementation object na nakapaglilingkod sa dokumento.
importNode() Iimportahin ang node mula sa ibang dokumento.
inputEncoding Nawala na.
lastModified Ibigay ang petsa at oras ng huling pagbabago ng dokumento.
links Ibigay ang koleksyon ng lahat ng <a> at <area> elementong may href katangian sa dokumento.
normalize() Alisin ang walang laman na text node, at iyonkat ang katabi na node.
normalizeDocument() Nawala na.
open() Buksan ang HTML output stream upang mangolekta ang output mula sa document.write().
querySelector() Ibigay ang unang elementong tumutugma sa pinagmumulan ng CSS selector na tinukoy ng dokumento.
querySelectorAll() Ibigay ang static NodeList na naglalaman ng lahat ng elementong tumutugma sa pinagmumulan ng CSS selector na tinukoy ng dokumento.
readyState Ibigay ang estado ng (loading) ng dokumento.
referrer Ibigay ang URL ng dokumento na naglalaan ng kasalukuyang dokumento.
removeEventListener() Alisin ang event listener mula sa dokumento (na ginamit na). Metodo ng addEventListener() Dagdag na).
renameNode() Nawala na.
scripts Ibigay ang koleksyon ng <script> element na nasa dokumento.
strictErrorChecking Nawala na.
title Itatalaga o ibigay ang pamagat ng dokumento.
URL Ibigay ang buong URL ng HTML dokumento.
write() Idagdag ang HTML expression o JavaScript code sa dokumento.
writeln() Katulad ng write(), ngunit nagdagdag ng tabi sa bawat pahayag.

Paglalarawan ng Document object

Ang interface ng HTMLDocument ay nagpapasadya sa interface ng DOM Document, na naglalagay ng mga katangian at mga paraan na ginagamit sa HTML.

Maraming katangian at mga paraan ay HTMLCollection object (tunay na maaaring gamitin bilang array o array na may pangalan na index na readonly), na naglalaman ng mga reference sa anchor, form, link, at iba pang elementong maaaring iscript.

Ang mga katangian ng koleksyon na ito ay mula sa 0 na antas ng DOM. Sila ay nabawasan. Document.getElementsByTagName() Inaagaw, ngunit palaging ginagamit pa rin, dahil sila'y madali gamitin.

Metodo ng write()Maya kumusta, kapag ang dokumento ay naglalaan at pinapapaliwanag, ito ay nagbibigay ng kapahintulutan sa isang script na idagdag ang dininidinahang nilalaman sa dokumento.

Pansin, sa 1 na antas ng DOM, ang HTMLDocument ay nagtatag ng isang pangalan na getElementById() Ang napaka-kapaki-pakinabang na pamamaraan. Sa 2 na antas ng DOM, ang methodong ito ay inilipat sa Interface ng Document, at ngayon ay minamana ng HTMLDocument sa halip na inilagay sa pamamagitan nito.