操作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 | 根据指定的命名空间的元素名获取所有元素节点 |