您的位置 首页 javascript教程

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获取DOM元素的方式总结

文章地址:https://www.pyhw.net/32534_js%e8%8e%b7%e5%8f%96dom%e5%85%83%e7%b4%a0%e7%9a%84%e6%96%b9%e5%bc%8f%e6%80%bb%e7%bb%93.html

关于作者: 火云技术网

热门文章

发表评论

您的电子邮箱地址不会被公开。

网站地图