DOM笔记（一）：HTMLDocument接口

水深无声 2022-08-06 01:07 116阅读 0赞

操作HTML文档的第一步就是获取对文档元素的引用，每一个元素在DOM中就是一个节点，所有的元素在DOM中构成一个节点树。

用于获取元素节点定义的方法定义于HTMLDocument接口，window.document方法用于实现该接口，其定义的常用方法和属性如下：

<table> 
 <tbody> 
 <tr> 
 <td>属性或方法</td> 
 <td>返回值类型</td> 
 <td>说明</td> 
 </tr> 
 <tr> 
 <td>[getter]</td> 
 <td>任何类型</td> 
 <td>根据元素的name属性获取所有元素节点</td> 
 </tr> 
 <tr> 
 <td>all</td> 
 <td>HTMLAllCollection</td> 
 <td>文档中所有元素组成的集合，已不推荐使用</td> 
 </tr> 
 <tr> 
 <td>body</td> 
 <td>HTMLElement</td> 
 <td>获取&lt;body&gt;元素节点</td> 
 </tr> 
 <tr> 
 <td>head</td> 
 <td>HTMLHeadElement</td> 
 <td>获取&lt;head&gt;元素节点</td> 
 </tr> 
 <tr> 
 <td>images</td> 
 <td>HTMLCollection</td> 
 <td>获取所有&lt;img&gt;元素节点</td> 
 </tr> 
 <tr> 
 <td>embeds</td> 
 <td>HTMLCollection</td> 
 <td>获取所有&lt;embed&gt;元素节点</td> 
 </tr> 
 <tr> 
 <td>plugins</td> 
 <td>HTMLCollection</td> 
 <td>等同于embeds属性</td> 
 </tr> 
 <tr> 
 <td>links</td> 
 <td>HTMLCollection</td> 
 <td>获取所有带href属性的&lt;a&gt;和&lt;area&gt;元素节点</td> 
 </tr> 
 <tr> 
 <td>forms</td> 
 <td>HTMLCollection</td> 
 <td>获取所有&lt;form&gt;元素节点</td> 
 </tr> 
 <tr> 
 <td>scripts</td> 
 <td>HTMLCollection</td> 
 <td>获取所有&lt;script&gt;元素节点</td> 
 </tr> 
 <tr> 
 <td>getElementsByName()</td> 
 <td>NodeList</td> 
 <td>根据元素的name属性获取所有元素节点</td> 
 </tr> 
 <tr> 
 <td>getElementsByClassName()</td> 
 <td>NodeList</td> 
 <td>根据元素的class属性获取所有元素节点</td> 
 </tr> 
 </tbody> 
</table>

另外，HTMLDocument接口也继承了Core DOM的Document接口，继承的属性和方法如下：

原文首发：[http://www.ido321.com/1315.html][http_www.ido321.com_1315.html]   
‘  
下一篇：[DOM笔记（二）：Node接口 ][DOM_Node_]

[http_www.ido321.com_1315.html]: http://www.ido321.com/1315.html
[DOM_Node_]: http://www.ido321.com/1318.html