文档对象模型( DOM, Document Object Model )主要用于对HTML和XML攵档的内容进行操作DOM描绘了一个层次化的节点树,通过对节点进行操作实现对文档内容的添加、删除、修改、查找等功能。
DOM树有两种分别为节点树和元素树。
- 节点树:把文档中所有的内容都看成树上的节点;
- 元素树:仅把文档中的所有标签看成树上的节点
返回拥有指定id的第一个对象的引用 |
返回拥有指定class的对象集合 |
返回拥有指定标签名的对象集合 |
返回拥有指定名称的对象结合 |
仅返回第一个匹配的元素 |
獲取页面中的HTML标签 |
获取页面中的BODY标签 |
获取页面中的所有元素节点的对象集合型 |
向父节点的最后一个子节点后追加新节点 |
向父节点的某个特萣子节点之前插入新节点 |
给元素增加指定属性,并设定属性值 |
添加文本节点有两种常见方法:
删除已有的子节点,返回值为删除节点 |
删除具有指定属性名称的属性无返回值 |
删除指定属性,返回值为删除的属性 |
用新节点替换父节点中已有的子节点 |
若原元素已有该节点此操作能达到修改该属性值的目的 |
若原元素已有该节点,此操作能达到修改该属性值的目的 |
添加属性节点修改属性值: