创建节点原因、节点概述
1.为什么学节点操作
(1)利用DOM提高的方法获取元素
- document.getElementById( )
- document.getElementByTagName( )
- document.querySelector( )等
- 逻辑性不强,繁琐
(2)利用节点层级关系获取元素
- 利用父子兄节点关系获取元素
- 逻辑性强,但是兼容性稍差
这两种方式都可以获取元素节点,都会使用,但是节点操作更简单
2.节点概述
网页中的所有内容都是节点(标签、文本、注释等)
,在DOM中,节点使用node来表示。
HTML DOM树中所有的节点均可通过JavaScript进行访问,所有HTML元素(节点)均可被修改,也可以创建或删除
一般的,节点至少拥有nodeType(节点类型)、nodeName(节点名称)、和nodeValue(节点值)这三个属性。
- 元素节点 nodeType 为 1
- 属性节点 nodeType 为 2
- 文本节点 nodeType 为 3 (文本节点包含文字、空格、换行等)
在实际开发中,节点操作主要操作的是元素节点