document.getElementsByClassName

最新推荐文章于 2024-04-29 23:01:06 发布
最新推荐文章于 2024-04-29 23:01:06 发布
阅读量2.8k 收藏 3
点赞数 1
文章标签： DOM

 

解释：getElementsByClassName方法（）是HTML5的DOM API。

getElementsByClassName（）是HTML5新增的DOM API.IE8以下不支持。
对于现代浏览器开发，还可以使用querySelector（）和querySelectorAll（）。他们的功能更加强大。

举个栗子：document.getElementsByClassName（“包装”）; //取得DOM中所有class =“wrapper”的元素

解释器：querySelector（）和querySelectorAll（）

是新标准的Selectors API（选择符API）.IE8 +，FF3.5 +，Safari 3.1 +，Chrome，Opera 10+支持

querySelector（）接受一个CSS器选择作为参数，然后返回DOM中匹配的第一个元素
querySelectorAll（）接受一个CSS选择器作为参数，然后返回DOM匹配中的元素的集合数组

举个栗子：document.querySelector（“#wrapper”）//取得DOM中第一个id =“wrapper”的元素
举个栗子：document.querySelector(".wrapper") // 取得DOM中第一个class= “wrapper”的元素
举个栗子：document.querySelector（“p “）//取得DOM中第一个<p> </ p>元素
举个栗子：document.querySelectorAll（”p“）//取得DOM中所有的<p> </ p>元素..... 。类比于querySelector（）

 PS原生的方法，便是的getElementById（）和的getElementsByTagName（）。两个这不会有兼容问题

以上内容请参考“的JavaScript高级程序设计（第三版）“

鹿慕溪水
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
getElementsByClassName() 定义与用法
LdleFlsh的博客
06-15 8761
getElementsByClassName() 方法 定义和使用 getElementsByClassName() 方法返回文档中所有指定类名的元素集合，作为 NodeList 对象。 NodeList 对象代表一个有顺序的节点列表。NodeList 对象 我们可通过节点列表中的节点索引号来访问列表中的节点(索引号由0开始)。 提示： 你可以使用 NodeList 对象的 length 属性来确定指定类名的元素个数，并循环各个元素来获取你需要的那个元素。 浏览器支持 谷歌4.0 ie浏览器9.0 ..
JS中获取元素的方法
weixin_43765641的博客
09-11 4949
2、document.getElment.querySelectorAll('选择器') 获取拥有此选择器的元素，获取的是一个数组。1、document.getElement.querySelector('选择器') 获取该选择器的第一个元素。2、不只是通过document对象获取元素，也可以通过父元素获取子元素。document.getElementsByClassName('class名')document.getElementByid('id名')注意：1、获取多个元素的，获取到的都是数组。
document.getElementByclassName（）方法
热门推荐
boat_sea的博客
04-29 23万+
document.getElementByclassName（）方法;使用指定的calss属性值返回相关元素的集合(节点列表)使用getElementByclassName（）方法，使用指定的calss属性值(名称)返回当前文档中所有相关元素的集合(节点列表对象)。节点列表对象代表了收集到的所有相关节点，可以使用序列号(index)访问节点列表，index的值从0开始。注：使用节点列表对象的len...
填表教程-JS基础篇-定位元素-点击元素
最新发布
qq_17815273的博客
04-29 1002
JS元素定位，JS点击元素
DOM操作：
m0_52558788的博客
04-12 2146
document object model（文档对象模型） 作用：动态操作html元素节点（写特效） 操作html元素节点（element）： 节点的样式操作： 增 删 改 查： 获取当前需要操作的元素节点： Dom tree（dom树）：root element（html） document（当前文档的根节点) document.getElementById():通过id 属性获取元素 document.getElementByClassName//通过class属性，
document对象
qq_41988669的博客
11-28 902
DOM 是 JavaScript 操作网页的接口，全称为“文档对象模型”（Document Object Model）。它的作用是将网页转为一个 JavaScript 对象，从而可以用脚本进行各种操作（比如增删内容）。浏览器会根据 DOM 模型，将结构化文档（比如 HTML 和 XML）解析成一系列的节点，再由这些节点组成一个树状结构（DOM Tree）。所有的节点和最终的树状结构，都有规范的对外接口。DOM 只是一个接口规范，可以用各种语言实现。
getElementsByClassName用法
biaoboke的博客
11-14 3万+
在学习JavaScript过程中，遇到的一点小问题，希望及时与大家分享，有不妥之处请不吝赐教。
原生js方法document.getElementsByClassName在ie8及其以下的兼容性问题
09-25
document.getElementsByClassName在ie8及其以下浏览器的兼容性问题，在ie8及其以下浏览器中不能使用，针对这个问题，下面给出详细的解决方法，感兴趣的朋友可以参考下
js document.getElementsByClassName的使用介绍与自定义函数
11-29
getElementsByClassName()是HTML5 新增的DOM API。IE8以下不支持搜索。 getElementByClassName()函数的使用方法： 使用JavaScript访问DOM的一个重大问题是,此过程需要一种通过元素类名称来选择类的类函数,对...
如何简单有效的解决IE7、8浏览器不支持document.getElementsByClassName的问题.zip
09-26
在互联网技术日新月异的发展中，老旧的浏览器如IE7和IE8有时会成为开发者面临的挑战，因为它们不支持一些现代Web开发中的标准API，比如`document.getElementsByClassName`。这个方法在HTML5中被引入，用于获取页面上...
document.getElementsByClassName 的理想实现
jq
12-31 2085
各种实现方式 Pure DOM 通常先使用getElementsByTagName("*")取出文档中所有元素，然后进行遍历，使用正则表达式找出匹配的元素放入一个数组返回。由于IE5不支持document.getElementsByTagName("*")，要使用分支document.all以防错误。 The Ultimate getElementsByClassName方案，作者为Robe
document.getElementByClassName对吗?
fury的博客
01-27 609
是一个用于获取具有相同 class 名称的元素集合的方法。它返回一个包含所有符合条件的元素的 HTMLCollection 对象，可以通过索引来访问其中的元素。返回的是集合对象，即使只有一个元素匹配也会返回一个包含该元素的集合。document.getElementByClassName对吗?在 JavaScript 中，获取元素的方法是。此外，还可以使用其他选择器方法来获取元素，比如。，它们提供了更灵活和强大的选择器功能。
原生JavaScript解决document.getElementsByClassName兼容问题
ouo
01-19 834
/**  * 解决 getElementsByClassName() 兼容问题  * @param className 待查找的类名  * @param context 查找上下文DOM对象，可选，默认使用 document  * @return 返回查找到的满足条件的DOM元素集合  */ function getElementsByClassName(className, context) {
document.getElementByClassName()的使用和兼容老浏览器。
dongbo201413的专栏
12-23 466
写了一个函数。这个函数包含两个参数，第一个函数是要查找的节点的类名称，第二个参数是要查找的节点类型。 1.要是有第二个节点，就会返回所有类为第一个参数且节点类型为第二个参数的节点。 2.要是没有第二个节点，则返回该页面所有的类为第一个参数的节点。 function getclass (classname,tagname){ if(tagname){ ...
解决ie document.getElementsByClassName失效方法
qq_36736475的博客
11-05 1198
if(!document.getElementsByClassName){ document.getElementsByClassName=function(cls){ var ret=[]; var els=document.getElementsByTagName("*"); for(var i=0;i<els.length;i++){ if(els[i].className==
JavaScript元素操作内置对象
markshui的博客
08-29 399
一、DOM操作 1、DOM简介 文档对象模型，对页面元素的操作（内容是标签，样式是css），document是html整个页面的内容对象 代码实例： <script> console.log(document) //当前页面所有标签，类似于py列表 console.log(document.all) console.log(document.all[3],typeof document.all[3]) //所有的img标签对象 console.lo
原生js解决document.getElementsByClassName兼容问题
webEmmet
10-10 1万+
这里用原生JS封装了一下document.getElementById、document.getElementsByClassName以及document.getElementsByTagName等方式来获取到元素的函数，并解决了document.getElementsByClassName的兼容问题，希望对刚开始接触js的伙伴有所帮助。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值