js三种获取节点的方法

节点是我们用js代码控制HTML的重要枢纽，下面介绍五种最常用的方法

1.通过id

var oBox = document.getElementById(‘box’);
上述oBox是记录节点方便使用的（名字是可以任意选取），单引号中的box为HTML里面自己想要选中的标签的id(id名字自己命名)

2.通过class

var oCon = document.getElementsByClassName(‘con’);
上述oCon仍然是记录节点，单引号中的con为HTML里面自己想要选中的标签的class名(class名字自己命名),这种方式里的oCon是一个伪数组，这里的伪数组拥有数组的一些特性，可以通过下标选取，但是不能使用数组的方法

3.通过tag

var oDiv = document.getElementsByTagName(‘div’);
上述oCon仍然是记录节点，单引号中的con为HTML里面自己想要选中的标签(div,p等),也是一个伪数组

ps:上面节点保存后，可以通过保存的节点再进一步选取此节点内容中的内容

例：var oBox = document.getElementById(‘box’);
var oCon = oBox.getElementsByClassName(‘con’);
后面的con是box的子级

4.使用querySelector

var oBox = document.querySelector(’#box’); 当我们使用querySelector时，里面的参数要写在单引号或者双引号里，里面写的内容要加上类型，例id=“box” (’#box’); class=“box” (’.box’);实现了一种方式来获取不同的节点，并且代码量减少，为以后封装函数提供了便利。

5.使用querySelectorAll

var oBox = document.querySelector(’.box’); querySelectorAll 获取的是一个类数组，所以我们使用此节点时要用 oBox[0]的形式来获其中的节点 ，这里的0是指类数组第一项。