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数组学习之清空全部元素的4种方法(代码详解)

javascript中init方法怎么用

javascript如何设置值

js 定义用字符串拼接的变量的解析

js实现好看的鼠标跟随彩色气泡效果(附代码)

javascript操作dom对象之select(详细解答)

js怎么移除css属性

js实现博客网站运行天数计算

js数组的函数用法详解

如何实现javascript延时加载

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




打赏

取消

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

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

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

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

评论

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