获取元素

getElementById()方法

接受一个参数:获取元素的ID。如果找到相应的元素则返回该元素的HTMLDivElement 对象,如果不存在,则返回null。

document.getElementById(‘div1‘);    //获取id 为div1 的元素

getElementsByTagName()方法

将返回一个对象数组这个数组保存着所有相同元素名的节点列表。

document.getElementsByTagName('li'); //获取所有li 元素,返回数组

document.getElementsByName()方法

通过标签的名字来获取标签(返回的是一个数组,将所用相同标签名的标签返回)

document.getElementsByClassName()方法

通过标签的class值来获取标签(返回的是一个数组,将所有相同class名的标签返回)

querySelector()方法

接受一个参数:通过元素的css选择器查找元素。如果找到相应的元素则返回该元素的HTMLDivElement 对象,如果不存在,则返回null。

document.querySelector(‘#div1’);    //获取id 为div1 的元素

document.querySelector(‘.div1’);    //获取class 为div1 的第一个元素

querySelectorAll()方法

将返回一个对象数组这个数组保存着所有符合选择器的节点列表。

document.querySelectorAll('li');      //获取所有li元素,返回数组

document.querySelectorAll(‘.list');  //获取所有class为list的元素,返回数组

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容