js 获取dom元素的八种方法

一、常见地六种

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

二、特别的两种

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

例： 获取文档中 id=“demo” 的第一个元素：

document.querySelector("#demo");

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

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

例： 获取文档中 class=“demo” 的所有元素：

document.querySelector(".demo");

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