快速查找节点

快速查找节点

1、通过 id 获取

document.getElementById('id')

2、通过 类名 获取

document.getElementsByClassName('类名')   // 以 [ ] 形式返回	
【注意】
对于类名，可能有多个，所以要获取到某一个需要通过下标去获取

3、通过 标签名 获取

document.getElementsByTagName('标签名')  //以[ ]形式返回

4、通过 属性名 获取

document.getElementsByName("name属性的值")

5、 通过 选择器 获取 （ES6)

document.querySelector("selector")  //返回匹配的第一个 HTML 元素

6、—— 选择器 （ES6)

document.querySelectorAll()

document.querySelector("selector")  //返回匹配的所有 HTML 元素
【注意】
即便只有一个类名叫 box 的元素，如果要使用 querySelectorAll,也要写上标，否则获取不到。