JS获取HTML DOM元素的方法

一、JS获取DOM元素的方法（8种）：
1、通过ID获取（getElementById）；
2、通过name属性（getElementsByName）；
3、通过标签名（getElementsByTagName）；
4、通过类名（getElementsByClassName）；
5、获取html的方法（document.documentElement）；
document.documentElement是专门获取html这个标签的；
6、获取body的方法（document.body）；
document.body是专门获取body这个标签的；
7、通过选择器获取一个元素（querySelector）；
8、通过选择器获取一组元素（querySelectorAll）。

二、具体说明：
1、通过ID获取（getElementById）
例：
document.getElementById(‘id’)；
用法：
①上下文必须是document；
②必须传参数，参数是string类型，是获取元素的id；
③返回值只获取到一个元素，没有找到返回null。

2、通过name属性（getElementsByName）：
例：
document.getElementsByName(“name”)；
用法：
①上下文必须是document。
②必须传参数，参数是是获取元素的name属性。
③返回值是一个类数组，没有找到返回空数组。

3、通过标签名（getElementsByTagName）：
例：
document.getElementsByTagName(“p”)；
var oDiv = document.getElementById(“divId”)；
oDiv.getElementsByTagName(“p”)；
用法：
①上下文可以是document，也可以是一个元素，注意这个元素一定要存在；
②参数是是获取元素的标签名属性，不区分大小写；
③返回值是一个类数组，没有找到返回空数组。

4、通过类名（getElementsByClassName）：
用法：
①上下文可以是document，也可以是一个元素；
②参数是元素的类名；
③返回值是一个类数组，没有找到返回空数组。

5、获取html的方法（document.documentElement）：
用法：
document.documentElement是专门获取html这个标签的。

6、获取body的方法（document.body）：
用法：
document.body是专门获取body这个标签的。

7、通过选择器获取一个元素（querySelector）：
用法：
①上下文可以是document，也可以是一个元素；
②.参数是选择器，如：“div .className”；
③返回值只获取到一个元素。

8、通过选择器获取一组元素（querySelectorAll）
用法：
①上下文可以是document，也可以是一个元素；
②参数是选择器，如：“div .className”；
③返回值是一个类数组。