js 获取dom元素的八种方法

普通的6种

1. 通过ID获取（getElementById）
2. 通过name属性（getElementsByName）
3. 通过标签名（getElementsByTagName）
4. 通过类名（getElementsByClassName）
5. 获取html的方法（document.documentElement）
6. 获取body的方法（document.body）

特别的2种

通过css选择器获取一个元素（querySelector）

例：获取文档中 id=”demo” 的元素：

document.querySelector("#demo");

注意： querySelector() 方法仅仅返回匹配指定选择器的第一个元素。如果你需要返回所有的元素，请使用querySelectorAll() 方法替代。

通过选择器获取一组元素（querySelectorAll）

使用方式和querySelector() 方法一样，只是可以获取css选择器匹配的所有元素