DOM节点

DOM节点

js将 文档（hmlt），描述成了一个树状结构，dom树，html上的所有的东西（包含标签、文本、注释…）都在这个dom树，叫节点 节点不同分类

常见的分类：

​ 元素节点

​ 文本节点

​ 属性节点

节点属性：

node.nodeType 返回节点的类型的值

元素节点     1
属性节点    2
文本节点  3（包含空格）

node.nodeName 返回节点名字

元素节点     标签名的大写  ***  记住 下面不要记
注释      #comment
文本		#text

节点之间关系

• childNodes：获取当前元素的所有子节点；

  请注意子节点只算第一层的，孙子节点不在子节点的范畴内。

• children 获取所有的子元素节点 ****一定要记住

• parentNode 获取父节点 **** 获取唯一的父元素

• nextElementSibling (678不支持) 下一个兄弟元素节点

• previousElementSibling (678不支持) 上一个兄弟元素节点

• firstElementChild 第一个子元素节点

• lastElementChild 最后一个子元素节点

innerHTML和nodeValue 了解

innerHTML是元素节点的属性
nodeValue 文本节点的属性

- ox.innerHTML = '<strong>abc</strong>'`
- `box.childNodes[0].nodeValue = '<strong>abc</strong>'`
- `innerHTML`会将标签解析
- `nodeValue`不会进行解析，会将标签名转译成字符串，直接输出