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`不会进行解析,会将标签名转译成字符串,直接输出