浅谈DOM
DOM:Document Object Model译为文档对象模型,是JS与html交互的一个智重要桥梁。它定义了访问和操作html文档的标准方法。DOM以树结构来呈现HTML,我们称之为DOM树。
DOM节点:在DOM书中所有的失误都可以称之为节点。
- 整个文档可以看做是一个文档节点
- 每一个HTML元素是一个元素节点
- HTML元素内的文本是一个文本节点
- HTML的属性是属性节点
- 注释是注释节点
DOM节点属性
- nodeName:规定的是节点的名称,它是只读的
- nodeValue:规定是节点的值
- nodeType::返回节点的类型,它是只读的
nodeName | nodeValue | nodeType | |
---|---|---|---|
文档节点 | 始终是#document | - | 9 |
元素节点 | 与标签名相同 | undefined或者null | 1 |
属性节点 | 与属性名相同 | 与属性值相同 | 2 |
注释节点 | - | - | 8 |
文本节点 | 始终是#text | 文本内容 | 3 |