JavaScript中文參考手冊(cè)
/ HTML DOM 對(duì)象
HTML DOM 對(duì)象
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 頁面中的所有元素進(jìn)行訪問。
提示：Document 對(duì)象是 Window 對(duì)象的一部分，可通過 window.document 屬性對(duì)其進(jì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() 方法打開的輸出流，并顯示選定的數(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)的文檔類型聲明 (DTD)。 |
| document.documentElement | 返回文檔的根節(jié)點(diǎn) |
| document.documentMode | 返回用于通過瀏覽器渲染文檔的模式 |
| 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() | 返回文檔中所有指定類名的元素集合，作為 NodeList 對(duì)象。 |
| document.getElementById() | 返回對(duì)擁有指定 id 的第一個(gè)對(duì)象的引用。 |
| document.getElementsByName() | 返回帶有指定名稱的對(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() | 打開一個(gè)流，以收集來自任何 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 | 返回頁面中所有腳本的集合。 |
| document.strictErrorChecking | 設(shè)置或返回是否強(qiáng)制進(jìn)行錯(cuò)誤檢查。 |
| document.title | 返回當(dāng)前文檔的標(biāo)題。 |
| document.URL | 返回文檔完整的URL |
| document.write() | 向文檔寫 HTML 表達(dá)式 或 JavaScript 代碼。 |
| document.writeln() | 等同于 write() 方法，不同的是在每個(gè)表達(dá)式之后寫一個(gè)換行符。 |
警告 !!!
在 W3C DOM核心，文檔對(duì)象 繼承節(jié)點(diǎn)對(duì)象的所有屬性和方法。
很多屬性和方法在文檔中是沒有意義的。
HTML 文檔對(duì)象可以避免使用這些節(jié)點(diǎn)對(duì)象和屬性：
| 屬性 / 方法 | 避免的原因 |
|---|---|
| document.attributes | 文檔沒有該屬性 |
| document.hasAttributes() | 文檔沒有該屬性 |
| document.nextSibling | 文檔沒有下一節(jié)點(diǎn) |
| document.nodeName | 這個(gè)通常是 #document |
| document.nodeType | 這個(gè)通常是 9(DOCUMENT_NODE) |
| document.nodeValue | 文檔沒有一個(gè)節(jié)點(diǎn)值 |
| document.ownerDocument | 文檔沒有主文檔 |
| document.ownerElement | 文檔沒有自己的節(jié)點(diǎn) |
| document.parentNode | 文檔沒有父節(jié)點(diǎn) |
| document.previousSibling | 文檔沒有兄弟節(jié)點(diǎn) |
| document.textContent | 文檔沒有文本節(jié)點(diǎn) |