js 获取dom元素的八种方法介绍
程序员文章站
2022-03-30 16:35:29
普通的6种
通过ID获取(getElementById)
通过name属性(getElementsByName)
通过标签名(getElementsByTagName)
通...
普通的6种
通过ID获取(getElementById)
通过name属性(getElementsByName)
通过标签名(getElementsByTagName)
通过类名(getElementsByClassName)
获取html的方法(document.documentElement)
获取body的方法(document.body)
特别的2种
通过css选择器获取一个元素(querySelector)
例:获取文档中 id=”demo” 的元素:
document.querySelector("#demo");
注意: querySelector() 方法仅仅返回匹配指定选择器的第一个元素。如果你需要返回所有的元素,请使用querySelectorAll() 方法替代。
通过选择器获取一组元素(querySelectorAll)
使用方式和querySelector() 方法一样,只是可以获取css选择器匹配的所有元素
上一篇: 零基础如何快速的学习和掌握html5?
下一篇: 生活中含有碳水化合物的食物有哪些
推荐阅读
-
Layer获取iframe的dom元素及调用iframe页的js方法详解
-
浅谈JS获取元素的N种方法及其动静态讨论
-
JS-dom常用的八种获取方法,属性及操作
-
JS中获取 DOM 元素的绝对位置实例详解
-
详解JS获取HTML DOM元素的8种方法
-
vue.js -- 获取dom元素的样式(非行内样式)
-
vue.js -- 获取dom元素的样式(非行内样式)
-
闭包的原理与经典应用场景,访问器属性,类与对象的创建与成员引用,数组与对象的解构过程与经典案例,JS引入到浏览器中的的方法及获取DOM元素的两个API
-
优雅的获取表单元素、dom树的遍历与常用属性、dom元素的增删改操作、js操作元素内容的几个常用方法、元素的dataset对象、获取元素的计算样式、元素的classList 对象常用方法、事件的添加与派发
-
闭包的原理与经典应用场景,访问器属性,类与对象的创建与成员引用,数组与对象的解构过程与经典案例,JS引入到浏览器中的的方法及获取DOM元素的两个API