Object Document ng HTML DOM

Obhektong Document

Kapag ang HTML na dokumento ay na-load sa Web browser, ito ay magiging isangDokumentong Obhektong.

Dokumentong ObhektongAng pinagmumulan ng HTML na dokumento.

Dokumentong ObhektongAyObhektong Windowang mga atrubuto.

Ginagamit sa pamamagitan ng:Dokumentong Obhektong:

window.document O lamang gamit document

Eksemplo

let url = window.document.URL;

Subukan ito ngayon!

let url = document.URL;

Subukan ito ngayon!

Atributo at Metodong Dokumentong

Ang mga sumusunod na atributo at metodong maaring gamitin sa HTML na dokumento:

Atributo / Metodong Paglalarawan
all[] Bumalik sa isang paglapak sa lahat ng HTML na elemento sa dokumento.
activeElement Iba't ibang elemento ang maaaring makuha mula sa dokumentong kasalukuyang nakatama sa Web browser.
addEventListener() Idinagdag ang event handler sa dokumento.
adoptNode() Tanggapin ang mga node mula sa ibang dokumento.
anchors Na di na ginagamit.
applets Na di na ginagamit.
baseURI Bumubuo ng absolute base URI ng dokumento.
body Iset o bumbubuo ng teksto ng dokumento (elementong <body>).
charset Na di na ginagamit.
characterSet Bumubuo ng character encoding ng dokumento.
close() Iwanan ang naunang bukas na output stream gamit ang document.open().
cookie Bumubuo ng pangalan ng cookie at halaga nito 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 ay bumubuo ng null.
designMode Nagkontrol kung ang buong dokumento ay dapat na magiging editable.
doctype Bumubuo ng document type declaration na nauugnay sa dokumento.
documentElement Bumubuo ng Document element ng dokumento (elementong <html>).
documentMode Na di na ginagamit.
documentURI Iset o bumbubuo ng posisyon ng dokumento.
domain Bumubuo ng pangalan ng domain ng server na nangalalagay ng dokumento.
domConfig Na di na ginagamit.
embeds Bumubuo ng koleksyon ng lahat ng <embed> element sa dokumento.
execCommand() Na di na ginagamit.
forms Bumubuo ng koleksyon ng lahat ng <form> element sa dokumento.
getElementById() Bumubuo ng element na may tinukoy na halaga ng ID property.
getElementsByClassName() Bumubuo ng lahat ng element na may tinukoy na pangalan ng klase. HTMLCollection.
getElementsByName() Bumubuo ng lahat ng aktibong element na may tinukoy na pangalan. NodeList.
getElementsByTagName() Bumubuo ng lahat ng element na may tinukoy na pangalan ng tag. HTMLCollection.
hasFocus() Bumubuo ng boolean value na nagtutukoy kung ang dokumento ay may focus.
head Bumubuo ng <head> element ng dokumento.
images Bumubuo ng koleksyon ng lahat ng <img> element sa dokumento.
implementation Bumalik sa DOMImplementation na bagay na namamahala sa dokumento.
importNode() Iimportahin ang node mula sa ibang dokumento.
inputEncoding Na di na ginagamit.
lastModified Bumalik sa petsa at oras ng huling pagbabago ng dokumento.
links Bumalik sa koleksyon ng lahat ng <a> at <area> na elemento na may href katangian sa dokumento.
normalize() Alisin ang walang teksto na node, at iugnay ang malapit na mga node.
normalizeDocument() Na di na ginagamit.
open() Buksan ang HTML na buhat sa output ng document.write() para sa pagkolekta.
querySelector() Bumalik sa unang elemento na tumutugma sa tinukoy na CSS selector sa dokumento.
querySelectorAll() Bumalik sa static NodeList na naglalaman ng lahat ng elemento na tumutugma sa tinukoy na CSS selector sa dokumento.
readyState Bumalik sa (loading) estado ng dokumento.
referrer Bumalik sa URL ng dokumento na inilalagay.
removeEventListener() Alisin ang event handler mula sa dokumento (na ginamit na). Mga paraan ng addEventListener() dagdag na).
renameNode() Na di na ginagamit.
scripts Bumalik sa koleksyon ng <script> na elemento sa dokumento.
strictErrorChecking Na di na ginagamit.
title Itataas o ibabalik ang pamagat ng dokumento.
URL Bumalik sa kumpletong URL ng HTML dokumento.
write() Idagdag ang HTML na ekspresyon o JavaScript na kodigo sa dokumento.
writeln() Katulad ng write(), ngunit nagdagdag ng parawang baboy sa bawat pangungusap.

Paglalarawan ng Document na bagay

Ang interface ng HTMLDocument ay nagpapaunlad ng interface ng DOM Document, na nagtatalaga ng mga katangian at mga paraan na para sa HTML.

Maraming katangian at mga paraan ay HTMLCollection na bagay (tunay na maaaring gamitin bilang array o array na may pangalan na indeks na readonly), na nag-iimbak ng mga pagkilala sa anchor, form, link, at iba pang maaaring iscrript na mga elemento.

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

Mga paraan ng write()Malaking atensyahan, kapag inilalagay at pinapapaliwanag ang dokumento, pinahihintulutan ng isang script na idagdag ang dininamikong nilalaman sa dokumento.

Babala, sa 1 na Lebel ng DOM, ang HTMLDocument ay nagtatalaga ng isang pangalan na getElementById() Ang napaka-kapaki-pakinabang na mga paraan. Sa 2 na Lebel ng DOM, ang methodong ito ay nailipat sa Interface ng Document, ito ngayon ay minamana ng HTMLDocument kaysa sa tinukoy nito.