写在前面
DOM剩下最后一个部分:节点操作,这是一个比较重要的部分,让我们一起冲冲冲!!
4.1 为什么学习节点操作
获取元素通常使用使用两种方式
1.利用DOM提供的方法获取元素
- document.getElementByID()
- document.getElementByTagName()
- document.querySelector等
过于繁琐
2.利用节点层级关系获取元素
- 利用父子兄弟节点关系获取元素
- 逻辑性强,但是兼容性差
4.2 节点概述:页面中所有的内容都是节点 JS中用node表示
-
nodeType 节点类型
元素节点 为1 属性节点 为2 文本节点 为3(包括文字 空格 换行等)
-
nodeName 节点名称
-
nodeValue 节点值
4.3节点层级
父节点
node.parentNode
得到的是离它最近的父级节点 如果找不到就返回null
子节点
node.childNodes
包含所有类型的节点
<