[ javascript ] getElementsByClassName与className和getAttribute!

最新推荐文章于 2023-12-21 15:42:53 发布
最新推荐文章于 2023-12-21 15:42:53 发布
阅读量3.9k 收藏 2
点赞数
分类专栏： javascript 文章标签： getElementsByClassNa className getAttribute class javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yangzhihello/article/details/38945871
版权
本文探讨了JavaScript中在IE6/7/8不支持getElementsByClassName的问题，提出通过className属性和getAttribute方法来模拟实现。在IE6/7中，getAttribute存在Bug，建议使用className获取。总结了以下规则：1. 常规属性用node.xxx；2. 自定义属性用node.getAttribute("xxxx")；3. 对于JavaScript关键字用node.getAttribute("xxx")；4. 获取class属性时用className。
摘要由CSDN通过智能技术生成

对于javascript中的getElementsByClassName 在IE 6/7/8 不支持问题。

那么需要模拟出getElementsByClassName  需要采用className属性，这里就涉及到javascript中的getAttribute问题。

在ie 6/7 中，对于getAttribute存在Bug

需要采用className 获取如下：

最低0.47元/天 解锁文章
梦你所梦
关注
专栏目录
javascript中获取class的简单实现
10-21
在JavaScript中，获取元素的class是一项常见的操作，特别是在DOM操作和事件处理中。本文将详细介绍如何在JavaScript中简单实现获取class的方法。 首先，JavaScript原生并不直接提供获取class的API，但可以通过其他...
2.JavaScript进阶1
08-03
JavaScript是一种广泛用于网页和网络应用的脚本语言，它的核心理念是“万物皆对象”。在JavaScript中，对象代表现实世界中的实体，它们包含了属性（特征）和方法（行为）。例如，一个学生对象可能有姓名、年龄这样的...
我的getElementsByClassName实现
weixin_30363817的博客
10-09 138
先来看一下代码：（支持多个class查询和在某个范围内进行查询） /* * 根据元素clsssName得到元素集合 * @param fatherId 父元素的ID，默认为document * @tagName 子元素的标签名 * @className 用空格分开的className字符串 */ function getElementsByClassName(fathe...
Javascript 关于DOM方法 getElementsByClassName、getElementsByTagName、getElementById、setAttribute、getAttrib...
weixin_30394251的博客
08-09 464
<!DOCTYPE html> <html> <head lang="en"> <meta charset="utf-8" /> <title> 5 DOM Function</title> <style type="text/css"> body{ ...
React中：ref.current.getElementsByClassName(“ant-table-body“)[0] 会导致报错TypeError: Illegal invocation
最新发布
qq_42089323的博客
12-21 677
React中：ref.current.getElementsByClassName("ant-table-body")[0] 会导致报错TypeError: Illegal invocation
C# HtmlElement的GetAttribute("class") return ""
acum46433的博客
11-26 2330
解决办法：用GetAttribute("className")代替GetAttribute("class") tmpEl.GetAttribute("className") 　　 转载于:https://www.cnblogs.com/veviDP/p/10018794.html
getElementsByClassName
power8988的博客
07-26 375
getElementsByClassName是比较新的api；可能存在兼容问题
IE和Firefox的Javascript兼容性总结.docx
06-09
JavaScript 兼容性问题在开发跨浏览器的网页应用时至关重要，尤其是针对IE和Firefox这两个具有显著差异的浏览器。本文将详细探讨这些差异，并提供相应的兼容性处理方案。 首先，我们来看函数和方法的差异。在...
javaScript中DOM模型使用详解+XMLHttpRequest异步请求使用
05-27
JavaScript中的DOM（Document Object Model）模型是Web开发中不可或缺的一部分，它为HTML和XML文档提供了一个结构化的表示，并允许通过JavaScript来动态地访问和修改页面内容。DOM模型的诞生源于90年代末期的浏览器...
HTML5实战与剖析之CSS选择器——getElementsByClassName()方法
梦龙小站
01-21 6423
HTML5中的querySelector()方法和querySelectorAll()方法都在前几篇中为大家介绍过了，不知道大家了解得怎么样了呢?在这里复习一下，querySelector()方法是返回与传递的CSS选择符相匹配的第一个元素;querySelectorAll()方法是返回与传递的CSS选择符相匹配的所有元素，是一个NodeList对象。
getElementsByClassName用法
热门推荐
biaoboke的博客
11-14 3万+
在学习JavaScript过程中，遇到的一点小问题，希望及时与大家分享，有不妥之处请不吝赐教。
关于getElementsByClassName() 方法
weixin_40269516的博客
10-31 1020
一直以为自己写错了，后来才发现是getElementsByClassName() 支持的有版本限制
步骤五 · 4-9 解决getElementsByClassName()兼容性 未解决
weixin_33674976的博客
05-08 69
前端零基础入门 2019版/ 步骤五 · 4-9 解决getElementsByClassName()兼容性 转载于:https://www.cnblogs.com/Knowledge-is-infinite/p/10830139.html
react设置多个className
weixin_30785593的博客
08-20 519
在一个元素上设置样式，有一个固定的样式，然后还有一个使用三元运算符根据条件添加的样式。 比如说有一个固定样式"title": <div className="title">标题</div>， 然后还要一个点击高亮的样式: <div className={index === this.state.active ? "active" : null}>标题...
C# HtmlElement的GetAttribute(“class“) return ““
10-22 205
如题所述的问题，解决办法：用GetAttribute("className")代替GetAttribute("class") 很无语，毫无逻辑可言，但就要这么干。
两种方式判断类的存在→className getAttribute
weixin_30423977的博客
12-01 213
通过className获取 var p = document.getElementsByTagName('p'); for(var i = 0;i <p.length;i++){ 　　if(p[i].className=='test'){ 　　　console.log(p[i].innerHTML) } } //遍历出页面的p元素，并通过className来...
忆龙2009：在IE下getAttribute()方法无法读到class属性的解决方法
忆龙2009
12-24 3988
      利用HtmlElement可以访问document中的元素，但是HtmlElement 仅公开所有元素共有的那些属性，如id/name/tagname等，对于未公开的属性，如href/alt等，则需要通过getAttribute()方法来获取。如要获取相册中的url，可以用下面的方法：       element.getAttribute(“href”)          //该方法假
JavaScript Web API速览：DOM操作与事件处理
在JavaScript开发中，Web API（Web Application Programming Interface）扮演着至关重要的角色，它们是预先定义的一系列函数和接口，旨在帮助开发者更高效地操作和管理网页内容、事件以及与用户交互。本文将围绕以下...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值