首页 > web前端 > js教程 > js获取DOM元素的方式总结

js获取DOM元素的方式总结

angryTom
发布: 2019-12-11 17:28:11
转载
3033 人浏览过

js获取DOM元素的方式总结

总结获取元素的方式

1. 根据id属性的值获取元素,返回来的是一个元素对象

document.getElementById("id属性的值");
document.getElementById("btn");
登录后复制

【相关课程推荐:JavaScript视频教程

2. 根据标签名字获取元素,返回来的是一个伪数组,里面保存了多个的DOM对象

document.getElementsByTagName("标签名字");
document.getElementsByTagName("li");
登录后复制

下面的几个,有的浏览器不支持

3. 根据name属性的值获取元素,返回来的是一个伪数组,里面保存了多个的DOM对象

document.getElementsByName("name属性的值")
document.getElementsByName("name1")
登录后复制

4. 根据类样式的名字来获取元素,返回来的是一个伪数组,里面保存了多个的DOM对象

document.getElementsByClassName("类样式的名字")
document.getElementsByClassName("cls")
登录后复制

5. 根据选择器获取元素,返回来的是一个元素对象

document.querySelector("选择器的名字");
document.querySelector("#btn"); //id,类,标签等选择器用的比较多
登录后复制

6. 根据选择器获取元素,返回来的是一个伪数组,里面保存了多个的DOM对象

document.querySelectorAll("选择器的名字")
登录后复制

本文来自 js教程 栏目,欢迎学习!  

以上是js获取DOM元素的方式总结的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
js
来源:cnblogs.com
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板