本文摘自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" );
|
6. 根据选择器获取元素,返回来的是一个伪数组,里面保存了多个的DOM对象
1 | document.querySelectorAll( "选择器的名字" )
|
本文来自 js教程 栏目,欢迎学习!
以上就是js获取DOM元素的方式总结的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
如何在html中使用javascript
js正则表达式之限1-2位整数或者至多含有两位小数的写法
ajax获取网页添加到div中的方法
js怎么换行
js屏蔽pc端访问
js filter是什么意思
js如何实现盒子拖拽效果?(附代码)
js对用户输入的内容做邮箱验证的方法
详解使用minify压缩css和js文件
js中prototype是什么
更多相关阅读请进入《js》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » js获取DOM元素的方式总结