JavaScript HTML DOM 文档

Ang HTML DOM dokumentong object ay ang may-ari ng lahat ng ibang mga bagay sa iyong web page.

HTML DOM Document object

Ang dokumentong object ay kinatawan ng iyong web page.

Kung gusto mong ma-access ang anumang elemento ng HTML pahina, palaging nagsisimula sa pag-access ng document object.

Nasa ibaba ay ilang halimbawa kung paano gamitin ang document object upang ma-access at i-operahan ang HTML.

Hanapin ang HTML elemento

Mga Method Paglalarawan
document.getElementById(id) Hanapin ang elemento sa pamamagitan ng id ng elemento
document.getElementsByTagName(name) Hanapin ang elemento sa pamamagitan ng pangalan ng tag
document.getElementsByClassName(name) Hanapin ang elemento sa pamamagitan ng pangalan ng klase

Ayusin ang HTML elemento

Mga Method Paglalarawan
element.innerHTML = Bagong nilalaman ng HTML Bago ayusin ang inner HTML ng elemento
element.attribute = new value Baguhin ang halaga ng attribute ng HTML element
element.setAttribute(attribute, value) Baguhin ang halaga ng attribute ng HTML element
element.style.property = new style Baguhin ang estilo ng HTML element

Magdagdag at tanggalin ang element

Mga Method Paglalarawan
document.createElement(element) Lumikha ng HTML element
document.removeChild(element) Tanggalin ang HTML element
document.appendChild(element) Magdagdag ng HTML element
document.replaceChild(element) Pagpalit ng HTML element
document.write(text) Magulat ng HTML output stream

Magdagdag ng event handler

Mga Method Paglalarawan
document.getElementById(id).onclick = function(){code} Magdagdag ng event handler sa onclick event

Hanapin ang HTML object

Unang HTML DOM Level 1 (1998), tinukoy ang 11 na HTML object, collection at attribute. Sila ay nananatiling may epekto sa HTML5.

Sa HTML DOM Level 3, idinagdag ang higit pang mga object, collection at attribute.

Attribute Paglalarawan DOM
document.anchors Bumalik sa lahat ng <a> element na may attribute na name. 1
document.applets Bumalik sa lahat ng <applet> element（HTML5 ay hindi maaring gamitin） 1
document.baseURI Bumalik sa absolute base URI ng dokumento 3
document.body Bumalik sa <body> element 1
document.cookie Bumalik sa cookie ng dokumento 1
document.doctype Bumalik sa doctype ng dokumento 3
document.documentElement Bumalik sa <html> element 3
document.documentMode Bumalik sa mode na ginagamit ng browser 3
document.documentURI Bumalik sa URI ng dokumento 3
document.domain Bumalik sa domain ng server ng dokumento 1
document.domConfig Itinatanggal.Bumalik sa DOM configuration 3
document.embeds Bumalik sa lahat ng <embed> element 3
document.forms 返回所有 <form> 元素 1
document.head 返回 <head> 元素 3
document.images 返回所有 <img> 元素 1
document.implementation 返回 DOM 实现 3
document.inputEncoding 返回文档的编码（字符集） 3
document.lastModified 返回文档更新的日期和时间 3
document.links 返回拥有 href 属性的所有 <area> 和 <a> 元素 1
document.readyState 返回文档的（加载）状态 3
document.referrer 返回引用的 URI（链接文档） 1
document.scripts 返回所有 <script> 元素 3
document.strictErrorChecking 返回是否强制执行错误检查 3
document.title 返回 <title> 元素 1
document.URL 返回文档的完整 URL 1