js获取DOM元素的方式总结-木庄网络博客

本文摘自PHP中文网，作者angryTom，侵删。

总结获取元素的方式

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

1 2	`document.getElementById("id属性的值");` `document.getElementById("btn");`

【相关课程推荐：JavaScript视频教程】

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

1 2	`document.getElementsByTagName("标签名字");` `document.getElementsByTagName("li");`

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

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

1 2	`document.getElementsByName("name属性的值")` `document.getElementsByName("name1")`

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

1 2	`document.getElementsByClassName("类样式的名字")` `document.getElementsByClassName("cls")`

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

1 2	`document.querySelector("选择器的名字");` `document.querySelector("#btn");` `//id，类，标签等选择器用的比较多`

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

1	`document.querySelectorAll("选择器的名字")`

本文来自 js教程栏目，欢迎学习！

以上就是js获取DOM元素的方式总结的详细内容，更多文章请关注木庄网络博客！

相关阅读 >>

更多相关阅读请进入《js》频道 >>

书籍

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者