获取元素的几种方式

获取元素

1.1 获取元素

根据ID获取
语法:document.getElementById(id)
作用:根据ID获取元素对象
参数:ID值,区分大小写的字符串
返回值:元素对象 或 null
案例代码:
获取元素的几种方式

1.2 根据标签名获取元素

语法:document.getElementsByTagName(‘标签名’) 或者 element.getElementsByTagName(‘标签名’)
作用:根据标签名获取元素对象
参数:标签名
返回值:元素对象集合(伪元素,数组元素是元素对象)
获取元素的几种方式
获取元素的几种方式
注意:
1.因为得到的是一个对象的集合,所以我们想要操作里面的元素就需要遍历。
2.得到元素对象是动态的。

1.3 H5新增获取元素方式

1.document.getElementsByClassName(‘类名’);
根据类名返回元素对象集合

2.document.querySelector(‘选择器’);
根据指定选择器返回第一个元素对象

3.document.querySelectorAll(‘选择器’);
根据指定选择器返回
注意:
querySelector和querySelectorAll里面的选择器需要加符号比如:document.querySelector(’**#**nav’);

案例代码
获取元素的几种方式
获取元素的几种方式

1.4 获取特殊元素(body,html)

获取body元素
document.body // 返回body元素对象
获取html元素
document.documentElement // 返回html元素对象