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的原型和原型链是什么

javascript时间戳如何转化为日期

js对用户输入的内容做邮箱验证的方法

js 编码 5 个不良习惯,如何避免?

两分钟了解jquery与javascript、js 三者间的区别

老司机带你彻底搞懂js闭包各种坑

网站对联广告js代码分享

js实现改变html上文字颜色和内容的方法

详细介绍下js中的window与document

js怎么实现字符串转数组

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




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...