JavaScript DOM节点操作

我是表哥Harker，表妹我来咯~

上一篇的操作内容有点多哦，切记不要急，表哥的每个例子给出来都是一个个小的技巧，当你都能把这些一个个都弄懂了，今后你做网页开发，不管是这些技巧还是思想都应该能帮的上你，这篇讲解 节点，节点在DOM中也是很重要的，记得DOM把标签都当做一个个节点组成的树状图吗？ 节点和获取元素方式结合能让你JS更加灵活！

 

1、获取元素通常使用两种方式： 

①. 利用 DOM 提供的方法获取元素

• document.getElementById() 
• document.getElementsByTagName() 
• document.querySelector 等 
• 逻辑性不强、繁琐 

②. 利用节点层级关系获取元素 

• 利用父子兄节点关系获取元素 
• 逻辑性强， 但是兼容性稍差 

这两种方式都可以获取元素节点，我们后面都会使用，但是节点操作更简单 

 

2、节点概述 

• 网页中的所有内容都是节点（标签、属性、文本、注释等），在DOM 中，节点使用 node 来表示
• HTML DOM 树中的所有节点均可通过 JavaScript 进行访问，所有 H