操作HTML文檔的第一步就是獲取對文檔元素的引用,每一個元素在DOM中就是一個節點,所有的元素在DOM中構成一個節點樹。
用於獲取元素節點定義的方法定義於HTMLDocument接口,window.document方法用於實現該接口,其定義的常用方法和屬性如下:
屬性或方法 | 返回值類型 | 說明 |
[getter] | 任何類型 | 根據元素的name屬性獲取所有元素節點 |
all | HTMLAllCollection | 文檔中所有元素組成的集合,已不推薦使用 |
body | HTMLElement | 獲取<body>元素節點 |
head | HTMLHeadElement | 獲取<head>元素節點 |
images | HTMLCollection | 獲取所有<img>元素節點 |
embeds | HTMLCollection | 獲取所有<embed>元素節點 |
plugins | HTMLCollection | 等同於embeds屬性 |
links | HTMLCollection | 獲取所有帶href屬性的<a>和<area>元素節點 |
forms | HTMLCollection | 獲取所有<form>元素節點 |
scripts | HTMLCollection | 獲取所有<script>元素節點 |
getElementsByName() | NodeList | 根據元素的name屬性獲取所有元素節點 |
getElementsByClassName() | NodeList | 根據元素的class屬性獲取所有元素節點 |
另外,HTMLDocument接口也繼承了Core DOM的Document接口,繼承的屬性和方法如下:
屬性或方法 | 返回值類型 | 說明 |
documentElement | Element | 獲取xml或者html的根元素,在html中即<html> |
getElementById() | Element | 根據ID屬性值獲取指定元素 |
getElementsByTagName() | NodeList | 根據元素名稱獲取所有元素節點 |
getElementsByTagNameNS() | NodeList |
根據指定的命名空間的元素名獲取所有元素節點 |