获取元素的几种方式

    科技2022-07-15  127

    获取元素

    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元素对象

    Processed: 0.010, SQL: 8