js之document.getElementsByClassName兼容问题

最新推荐文章于 2025-05-16 15:18:00 发布
原创 最新推荐文章于 2025-05-16 15:18:00 发布 · 688 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

博客介绍了浏览器兼容性，指出兼容IE9以上浏览器，IE8不支持部分内容，但有方法IE8支持。还提到一种元素查询方法，只能返回一个满足条件的元素，与document.querySelector用法相似，不过会将元素封装到数组中返回。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

document.getElementsByClassName

兼容iE9以上的浏览器、
IE8不支持

document.querySelector(".box3 div");

这个方法IE8是支持的
但是该方法只能返回一个，如果满足条件的元素有多个，则只会返回第一个

   document.querySelectorAll()

上述方法与 document.querySelector用法相似，不同的是它将元素封装到数组中返回，即使
符合条件的元素只有一个，它也是返回数组

js document.getElementsByClassName的使用介绍与自定义函数
weixin_34184561的博客
03-20 823
今天在增加一个功能的时候需要用到getElementsByClassName()，getElementsByClassName但是HTML5 新增的DOM API。IE8以下不支持，那么就需要下面的方法解决了getElementsByClassName()是HTML5 新增的DOM API。IE8以下不支持搜索。getElementByClassName()函数的使用方法：使...
js 获取class的元素的方法 以及创建方法getElementsByClassName
10-27
js 获取class的元素的方法 以及创建方法getElementsByClassName，需要的朋友可以参考一下
JS getElementsByClassName
weixin_30716725的博客
02-24 102
输入：className：类名；root：父节点，在此节点下查找，string/node； tagName：找某一类标签 function getElementsByClassName(className,root,tagName){ if(root){ root=typeof root=="string"?document.getElementById(root):ro...
querySelectorAll 和 getElementByClassName 的区别是啥
最新发布
徐三岁的博客
05-16 336
HTMLCollection（getElementsByClassName）是动态的，而 NodeList（querySelectorAll）是静态的。
Javascript:getElementsByClassName
weixin_34128411的博客
06-28 185
背景： 由于原生的getElementsByClassName不支持在指定标签中查找指定元素为指定class的情况，所以，这里舍弃了原生的方法调用 方法一: function getElementByClassName(parent,tagName,className) { /* *参数说明： *@parent:父元素，默认为document *@tagName...
js document.getElementsByClassName(“xxx“).style.display
竹毛言己
10-14 4615
## 问题 有一个div标签，通过class拿到该标签后，想隐藏块的内容。 ```js document.getElementsByClassName("xxx").style.display = "none"; ``` 这样写结果发现不生效。 ## 分析 在浏览器里调试了一下，找到这个div，添加display: none可以隐藏该块的内容。这说明不是display: none的问题。 在console里面打印 `document.getElementsByClassName("xxx").st
原生js方法document.getElementsByClassName在ie8及其以下的兼容性问题
11-30
原生js方法“document.getElementsByClassName”在ie8及其以下浏览器中，不能使用。 修改：加入兼容性判断，在需要用到该方法的位置修改为getClassNames方法。 代码如下： 原来方法： document....
如何简单有效的解决IE7、8浏览器不支持document.getElementsByClassName的问题.zip
09-26
2. **jQuery**: 压缩包中的`lanrenzhijia.js`很可能是一个jQuery插件，因为jQuery是一个广泛使用的JavaScript库，它为老版本的IE浏览器提供了很多兼容性解决方案。jQuery的`$('.className')`选择器与`document....
document.getElementsByClassName方法
03-13
好的，我现在要回答用户关于document.getElementsByClassName方法的问题。首先，我需要回忆和整理自己对这个方法的知识，确保信息准确。 用户可能想知道这个方法的作用、用法、返回值以及注意事项。我应该分步骤...
document.getElementsByClassName兼容问题
luck_lin
01-18 923
在新手使用原生JavaScript时，常常会用到document.getElementById、document.getElementsByClassName以及document.getElementsByTagName等方式来获取到元素，进而对其进行操作。但IE9以下的版本却不支持document.getElementsByClassName方法，所以很多刚开始接触js的同学往往会很困惑这个问题
js中使用getElementsByClassName获取class对象
实际工作与学习当中的随记
08-09 6822
前端开发一般不需要过多考虑性能问题，但你想在性能上追求极致的话，一定要知道jQuery性能很差。所以js之前没做getElementByClassName也是出于严谨的考虑，现在document.getElementsByClassName返回数组应该也是出于严谨的考虑。NodeList 对象 我们可通过节点列表中的节点索引号来访问列表中的节点(索引号由0开始)。提示： 你可以使用 NodeList 对象的 length 属性来确定指定类名的元素个数，并循环各个元素来获取你需要的那个元素。......
document.getElementsByClassName兼容性问题
QTFYING的博客
05-04 2002
今天在复习的时候注意到一个细节，原来 document.getElementsByClassName 是 HTML5 新增加的一个 js 函数，对于一些老浏览器例如 IE9 以下的浏览器是不支持这个函数的，所以在那些需要处理兼容性问题的，这个也是一个要处理的一个细节，同时也可称经常被面试官问道： 我翻阅了很多的博客，大家都是千篇一律的转载，我给大家写一个小例子，来给大家展示一下该函数怎么去做低版本
深入理解javascript选择器API系列第二篇——getElementsByClassName
weixin_34010949的博客
08-22 244
前面的话 　　既然有getElementById()和getElementsByTagName()方法，为什么没有getElementsByClassName()呢？id属性、标签名、class属性并没有什么优劣之分啊。终于，HTML5新增了getElementsByClassName()方法，由于在CSS布局中类名的广泛使用，该方法正好切中痛点，使得通过类名选取元素不再困难，成为最受欢迎的一个...
原生js解决document.getElementsByClassName兼容问题
11-21 343
IE9以下的版本不支持document.getElementsByClassName方法, 通过原生js解决这个问题. <script> /** * 第一个node表示DOM树中的搜索起点, * 第二个classname就是要搜索的类名. */ function getElementsByClassName(node, ...
js根据className得到数组
oldboy
01-07 672
function getElementsByClassName (className) { var all = document.all ? document.all : document.getElementsByTagName('*'); var elements = new Array(); alert(all.length); for (...
js getElementsByClassName
xu_1984的博客
07-28 228
getElementsByClassName: function getElementsByClassName(searchClass, domNode, tagName) { alert(searchClass); if (domNode == null) domNode = document; if (tagName == null) tagName = '*'...
JS DOM之getElementsByClassName
SkullSky的博客
03-13 1286
实现代码：function getElementsByClassName(parent,tagName,className){ var aEls = parent.getElementsByTagName(tagName); var arr = []; for(var i=0; i<aEls.length; i++){ var aClassName = aEls[i
javascript getElementsByClassName函数
mituan1234567的专栏
02-19 865
http://www.cnblogs.com/koking/archive/2010/07/11/1775297.html 今天在网上看到的一个根据ClassName获取Elements的脚本，在此记录一下，以便日后使用。 复制代码 代码如下: var getElementsByClassName = function(searchClass, node, tag) { 
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值