js中用setAttribute为标签设置class属性

最新推荐文章于 2025-04-19 11:04:28 发布
原创 最新推荐文章于 2025-04-19 11:04:28 发布 · 8.2k 阅读 · 3 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#class #object #ie

本文介绍如何使用JavaScript动态地为元素设置class属性，并确保在不同浏览器（如IE6和Firefox）间的兼容性。文章指出，在IE浏览器中需要使用'className'，而在Firefox中则使用'class'。
部署运行你感兴趣的模型镜像
今天用js动态的为标签设置class属性，达到应用不同的class标签来显示不同的样式～发现在IE6和FF下添加class是有些区别的。
其基本语法使用如下：
object.setAttribute(sName, vValue [, iFlags])
在IE下sName要用“className”,而在FF下用"class".这点是要注意的。

PS:最近项目中因为出现了重大技术问题，因此目前项目暂停下来，正好利用空余时间看看js对dom的解析～有时间的话，把了解的一些东西写上来～

您可能感兴趣的与本文相关的镜像

LobeChat

LobeChat

AI应用

LobeChat 是一个开源、高性能的聊天机器人框架。支持语音合成、多模态和可扩展插件系统。支持一键式免费部署私人ChatGPT/LLM 网络应用程序。

js的Web API笔记2：排他思想、自定义属性操作（获取属性值、设置属性值、移出属性、 H5自定义属性）、节点操作（父节点、子节点、兄弟节点、创建节点、添加节点、删除节点）
小黄呀呀呀的博客
09-18 326
1.1. 排他操作 1.1.1 排他思想 如果有同一组元素，我们想要某一个元素实现某种样式， 需要用到循环的排他思想算法： 所有元素全部清除样式（干掉其他人） 给当前元素设置样式 （留下我自己） 注意顺序不能颠倒，首先干掉其他人，再设置自己 <button>按钮1</button> <button>按钮2</button> <button>按钮3</button> <button&
html5中svg标签的作用,每日干货：HTML5中SVG的使用
weixin_34942265的博客
06-27 2425
代码优化永远是程序员亘古不变的需求，而合理的利用SVG图片来代替部分PNG/JPG等格式的图片则是前端优化重要的一环，既然是优化，那我们先来看看SVG图片都有哪些优势：SVG 可被非常多的工具读取和修改(比如记事本)SVG 与 JPEG 和 GIF 图像比起来，尺寸更小，且可压缩性更强。SVG 是可伸缩的SVG 图像可在任何的分辨率下被高质量地打印SVG 可在图像质量不下降的情况下被放大SVG 图...
js中设置元素class的三种方法小结
10-28
列举所有的方式，看看各浏览器的支持差异。方便用js动态设置元素css的代码。需要的朋友可以参考下。
关于用javascript改变class所用的setAttribute()方法
qsd007的专栏
04-18 3287
需要注意的是：1.element要用getElementById or ByTagName来得到，2.setAttribute("class", vName)中class是指改变"class"这个属性，所以要带引号。3.IE中要把class改成className,.....IE不认class,所以最好写两句，都用上吧。W3C DOM - {setAttribute()}setA
js 设置class
周尚冬的专栏
04-27 6196
今天遇见了需要动态给一个Div设置样式.然后发现 居然使用document.getElementById("divID").class="mydivclass";居然不行于是没有办法啦,就上网看了一下.原来需要指定的是classsname而不是class于是:document.getElementById("divID").className="mydivclass";就成
js中设置样式的几种方式（setAttribute，className）
数据库天地
08-21 1400
以设置背景色为例子 可以用单一的backgroundColor 可以用className 可以用setAttribute（setAttribute 和 removeAttribute）为一组 实例代码（实现效果点击一个按钮，就把整个背景色替换，点击其他的就换其他的） &lt;html&gt; &lt;head&gt; &lt;title&gt;&lt;/title&gt...
script设置html标签中属性的值
03-17
还要提到注意事项，比如设置class时要用className属性或者setAttribute('class', 'value')，因为class是保留字。 接下来，可能需要给出示例代码，比如如何获取元素，然后用两种方法设置属性。比如用getElementById...
JavaScript最全面试题
qq_60976312的博客
06-10 1691
JavaScript最全面试题
DOM属性用法
04-01
HTML5推荐使用data-*属性，比如data-user-id，然后在JavaScript中用dataset来访问，如element.dataset.userId。这样可以避免和标准属性冲突，并且更规范。 还有一些注意事项，比如innerHTML和textContent的区别。...
js中设置元素class的方法
树洞树洞-单纯记录
02-23 1231
1. var div = document.getElementById('d1'); div.setAttribute("class", "abc"); 2. var div = document.getElementById('d1'); div.setAttribute("className", "abc"); 3. var div = document.getElementByI
js中的class类
最新发布
qq_48795482的博客
04-19 2974
js中类是用来干嘛的，类的本质又是什么，一篇文章带你搞懂！
设置元素class的三种方式
weixin_34419321的博客
08-26 213
列举所有的方式，看看各浏览器的支持差异。 一、el.setAttribute('class','abc'); &lt;!DOCTYPE HTML&gt; &lt;HTML&gt; &lt;HEAD&gt; &lt;meta charset="utf-8" /&gt; &lt;title&gt;setAttribute('class', 'abc')&lt;/title&amp
类名的设置
chaoguo1234的专栏
03-10 288
在所有兼容W3C规范的浏览器中，可以通过setAttribute方法设置元素的类名，即:obj.setAttribute("class", className)。但是IE的形式和这个有区别，在IE中，setAtrribute的第一个参数为"className",即:element.setAtrribute("className", className)。 而所有的浏览器都支持eleme...
【js：setAttribute 的兼容性】class（eg）,style
baojie1022的专栏
05-13 1158
一、class和className兼容方法： object.setAttribute("class","content") 在IE8、Chrome、火狐、Opera10中都能设置成功；但是在IE7下无法设置。 object.setAttribute("className","content") 只有IE7能设置成功，但是其他浏览器均无法设置。 兼容方法： 使用  object.cla
JS脚本 - 批量给所有指定标签追加Class属性
Zong_0915的博客
07-13 2286
公司里我们有个应用引入了UBT埋点，记录了页面上所有的点击操作以及对应的点击按钮。但是我们看下来发现，我们需要给每个按钮加一个唯一标识做区分，并且这个ID是给UBT埋点专用的。那怎么办呢？加Id： 不合理，因为如果某个标签已经自带Id了，我们不太可能去覆盖它。加Class：合理，class属性可以加多个，也可以过滤。
js的setAttribute中class和className浏览器兼容问题
miaoshaohoa的专栏
01-20 6553
前几天工作中遇到一个js问题，本来js就不大会，倒腾了好长时间，并在做弹窗的时候用到了setAttribute，出现了不兼容的问题，在网上查了好多，真是郁闷，看来啥都得学啊。     主要的工作是做一个根据时间段变化图片的背景色，并在每一个时间段开始的同时同步进行倒计时，唉，两个分开来做都很好做，但是整合到一起的时候就麻烦了，倒计时的时候不会进行刷新......先说这个弹窗问题，在不是上述时间段
学习使用js创建class样式的方法代码整理
徊忆羽菲
05-06 1455
以上三种方法都可以在JavaScript中创建class样式，你可以根据实际需求选择合适的方法。
在js中动态修改元素的class属性
lixin5456985的博客
11-28 3286
根据需求选择合适的方法，高效管理和动态修改 HTML 元素的类名，从而实现灵活的样式控制与动态效果。属性是实现动态样式和交互的重要方法。以下将全面且结构化地描述多种实现方式。在 JavaScript 中动态修改 HTML 元素的。
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值