HTML DOM Document 對(duì)象

2023-04-07 14:20 更新

HTML DOM 節(jié)點(diǎn)

在 HTML DOM (Document Object Model) 中 , 每一個(gè)元素都是 節(jié)點(diǎn):

文檔是一個(gè)文檔。
所有的HTML元素都是元素節(jié)點(diǎn)。
所有 HTML 屬性都是屬性節(jié)點(diǎn)。
文本插入到 HTML 元素是文本節(jié)點(diǎn)。are text nodes。
注釋是注釋節(jié)點(diǎn)。

Document 對(duì)象

當(dāng)瀏覽器載入 HTML 文檔, 它就會(huì)成為 document 對(duì)象。

document 對(duì)象是HTML文檔的根節(jié)點(diǎn)與所有其他節(jié)點(diǎn)（元素節(jié)點(diǎn)，文本節(jié)點(diǎn)，屬性節(jié)點(diǎn), 注釋節(jié)點(diǎn)）。

Document 對(duì)象使我們可以從腳本中對(duì) HTML 頁(yè)面中的所有元素進(jìn)行訪問(wèn)。

提示：Document 對(duì)象是 Window 對(duì)象的一部分，可通過(guò) window.document 屬性對(duì)其進(jìn)行訪問(wèn)。

瀏覽器支持

所有主要瀏覽器都支持 Document 對(duì)象。

Document 對(duì)象屬性和方法

HTML文檔中可以使用以上屬性和方法:

屬性 / 方法	描述
document.activeElement	返回當(dāng)前獲取焦點(diǎn)元素
document.addEventListener()	向文檔添加句柄
document.adoptNode(node)	從另外一個(gè)文檔返回 adapded 節(jié)點(diǎn)到當(dāng)前文檔。
document.anchors	返回對(duì)文檔中所有 Anchor 對(duì)象的引用。
document.applets	返回對(duì)文檔中所有 Applet 對(duì)象的引用。
document.baseURI	返回文檔的絕對(duì)基礎(chǔ) URI
document.body	返回文檔的body元素
document.close()	關(guān)閉用 document.open() 方法打開(kāi)的輸出流，并顯示選定的數(shù)據(jù)。
document.cookie	設(shè)置或返回與當(dāng)前文檔有關(guān)的所有 cookie。
document.createAttribute()	創(chuàng)建一個(gè)屬性節(jié)點(diǎn)
document.createComment()	createComment() 方法可創(chuàng)建注釋節(jié)點(diǎn)。
document.createDocumentFragment()	創(chuàng)建空的 DocumentFragment 對(duì)象，并返回此對(duì)象。
document.createElement()	創(chuàng)建元素節(jié)點(diǎn)。
document.createTextNode()	創(chuàng)建文本節(jié)點(diǎn)。
document.doctype	返回與文檔相關(guān)的文檔類(lèi)型聲明 (DTD)。
document.documentElement	返回文檔的根節(jié)點(diǎn)
document.documentMode	返回用于通過(guò)瀏覽器渲染文檔的模式
document.documentURI	設(shè)置或返回文檔的位置
document.domain	返回當(dāng)前文檔的域名。
document.domConfig	返回normalizeDocument()被調(diào)用時(shí)所使用的配置
document.embeds	返回文檔中所有嵌入的內(nèi)容（embed）集合
document.forms	返回對(duì)文檔中所有 Form 對(duì)象引用。
document. getElementsByClassName()	返回文檔中所有指定類(lèi)名的元素集合，作為 NodeList 對(duì)象。
document.getElementById()	返回對(duì)擁有指定 id 的第一個(gè)對(duì)象的引用。
document.getElementsByName()	返回帶有指定名稱(chēng)的對(duì)象集合。
document.getElementsByTagName()	返回帶有指定標(biāo)簽名的對(duì)象集合。
document.images	返回對(duì)文檔中所有 Image 對(duì)象引用。
document.implementation	返回處理該文檔的 DOMImplementation 對(duì)象。
document.importNode()	把一個(gè)節(jié)點(diǎn)從另一個(gè)文檔復(fù)制到該文檔以便應(yīng)用。
document.inputEncoding	返回用于文檔的編碼方式（在解析時(shí)）。
document.lastModified	返回文檔被最后修改的日期和時(shí)間。
document.links	返回對(duì)文檔中所有 Area 和 Link 對(duì)象引用。
document.normalize()	刪除空文本節(jié)點(diǎn)，并連接相鄰節(jié)點(diǎn)
document.normalizeDocument()	刪除空文本節(jié)點(diǎn)，并連接相鄰節(jié)點(diǎn)的
document.open()	打開(kāi)一個(gè)流，以收集來(lái)自任何 document.write() 或 document.writeln() 方法的輸出。
document.querySelector()	返回文檔中匹配指定的CSS選擇器的第一元素
document.querySelectorAll()	document.querySelectorAll() 是 HTML5中引入的新方法，返回文檔中匹配的CSS選擇器的所有元素節(jié)點(diǎn)列表
document.readyState	返回文檔狀態(tài) (載入中……)
document.referrer	返回載入當(dāng)前文檔的文檔的 URL。
document.removeEventListener()	移除文檔中的事件句柄(由 addEventListener() 方法添加)
document.renameNode()	重命名元素或者屬性節(jié)點(diǎn)。
document.scripts	返回頁(yè)面中所有腳本的集合。
document.strictErrorChecking	設(shè)置或返回是否強(qiáng)制進(jìn)行錯(cuò)誤檢查。
document.title	返回當(dāng)前文檔的標(biāo)題。
document.URL	返回文檔完整的URL
document.write()	向文檔寫(xiě) HTML 表達(dá)式或 JavaScript 代碼。
document.writeln()	等同于 write() 方法，不同的是在每個(gè)表達(dá)式之后寫(xiě)一個(gè)換行符。

警告 !!!

在 W3C DOM核心，文檔對(duì)象繼承節(jié)點(diǎn)對(duì)象的所有屬性和方法。

很多屬性和方法在文檔中是沒(méi)有意義的。

HTML 文檔對(duì)象可以避免使用這些節(jié)點(diǎn)對(duì)象和屬性：

屬性 / 方法	避免的原因
document.attributes	文檔沒(méi)有該屬性
document.hasAttributes()	文檔沒(méi)有該屬性
document.nextSibling	文檔沒(méi)有下一節(jié)點(diǎn)
document.nodeName	這個(gè)通常是 #document
document.nodeType	這個(gè)通常是 9(DOCUMENT_NODE)
document.nodeValue	文檔沒(méi)有一個(gè)節(jié)點(diǎn)值
document.ownerDocument	文檔沒(méi)有主文檔
document.ownerElement	文檔沒(méi)有自己的節(jié)點(diǎn)
document.parentNode	文檔沒(méi)有父節(jié)點(diǎn)
document.previousSibling	文檔沒(méi)有兄弟節(jié)點(diǎn)
document.textContent	文檔沒(méi)有文本節(jié)點(diǎn)