js获取DOM元素的方式总结

来源：动视网责编：小采时间：2020-11-03 18:22:41

js获取DOM元素的方式总结

js获取DOM元素的方式总结:总结获取元素的方式1. 根据id属性的值获取元素,返回来的是一个元素对象document.getElementById("id属性的值"); document.getElementById("btn"); 【相关课程推荐：JavaScript视频教程】 2. 根据标签名字获取元素,返回

推荐度：

点击下载本文 文档为doc格式

导读js获取DOM元素的方式总结:总结获取元素的方式1. 根据id属性的值获取元素,返回来的是一个元素对象document.getElementById("id属性的值"); document.getElementById("btn"); 【相关课程推荐：JavaScript视频教程】 2. 根据标签名字获取元素,返回

总结获取元素的方式

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

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

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

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

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

js获取DOM元素的方式总结

推荐度：

点击下载本文 文档为doc格式

标签：获取的方法 js

热门焦点

js获取DOM元素的方式总结

js获取DOM元素的方式总结

js获取DOM元素的方式总结

最新推荐

猜你喜欢

热门推荐