国内外主机
测评及优惠码

JavaScript获取DOM元素的方式有哪些?

JavaScript获取DOM元素方式哪些?钍小编为大家总结获取元素的方式:

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

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

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("选择器的名字")

以上就是JavaScript获取DOM元素的方式总结的详细内容。

赞一个
赞(0)
版权声明:本文采用知识共享 署名4.0国际许可协议 [BY-NC-SA] 进行授权
文章名称:《JavaScript获取DOM元素的方式有哪些?》
文章链接:https://www.ibytx.com/1984.html
本站资源仅供个人学习交流,请于下载后24小时内删除,不允许用于商业用途,否则法律问题自行承担。