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

最新推荐文章于 2022-06-10 15:34:57 发布
最新推荐文章于 2022-06-10 15:34:57 发布
阅读量8.1k 收藏 3
点赞数
分类专栏： JavaScript/CSS 文章标签： class object ie
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qiaogang2003/article/details/1844169
版权
今天用js动态的为标签设置class属性，达到应用不同的class标签来显示不同的样式～发现在IE6和FF下添加class是有些区别的。
其基本语法使用如下：
object .setAttribute( sName , vValue [ , iFlags ] )
在IE下sName要用“className”,而在FF下用"class".这点是要注意的。

PS:最近项目中因为出现了重大技术问题，因此目前项目暂停下来，正好利用空余时间看看js对dom的解析～有时间的话，把了解的一些东西写上来～
qiaogang2003
关注
专栏目录
js的Web API笔记2：排他思想、自定义属性操作（获取属性值、设置属性值、移出属性、 H5自定义属性）、节点操作（父节点、子节点、兄弟节点、创建节点、添加节点、删除节点）
小黄呀呀呀的博客
09-18 235
1.1. 排他操作 1.1.1 排他思想 如果有同一组元素，我们想要某一个元素实现某种样式， 需要用到循环的排他思想算法： 所有元素全部清除样式（干掉其他人） 给当前元素设置样式 （留下我自己） 注意顺序不能颠倒，首先干掉其他人，再设置自己 <button>按钮1</button> <button>按钮2</button> <button>按钮3</button> <button&
html5中svg标签的作用,每日干货：HTML5中SVG的使用
weixin_34942265的博客
06-27 2255
代码优化永远是程序员亘古不变的需求，而合理的利用SVG图片来代替部分PNG/JPG等格式的图片则是前端优化重要的一环，既然是优化，那我们先来看看SVG图片都有哪些优势：SVG 可被非常多的工具读取和修改(比如记事本)SVG 与 JPEG 和 GIF 图像比起来，尺寸更小，且可压缩性更强。SVG 是可伸缩的SVG 图像可在任何的分辨率下被高质量地打印SVG 可在图像质量不下降的情况下被放大SVG 图...
关于用javascript改变class所用的setAttribute()方法
qsd007的专栏
04-18 3210
需要注意的是：1.element要用getElementById or ByTagName来得到，2.setAttribute("class", vName)中class是指改变"class"这个属性，所以要带引号。3.IE中要把class改成className,.....IE不认class,所以最好写两句，都用上吧。W3C DOM - {setAttribute()}setA
js中设置样式的几种方式（setAttribute，className）
数据库天地
08-21 1351
以设置背景色为例子 可以用单一的backgroundColor 可以用className 可以用setAttribute（setAttribute 和 removeAttribute）为一组 实例代码（实现效果点击一个按钮，就把整个背景色替换，点击其他的就换其他的） &lt;html&gt; &lt;head&gt; &lt;title&gt;&lt;/title&gt...
类名的设置
chaoguo1234的专栏
03-10 227
在所有兼容W3C规范的浏览器中，可以通过setAttribute方法设置元素的类名，即:obj.setAttribute("class", className)。但是IE的形式和这个有区别，在IE中，setAtrribute的第一个参数为"className",即:element.setAtrribute("className", className)。 而所有的浏览器都支持eleme...
【js：setAttribute 的兼容性】class（eg）,style
baojie1022的专栏
05-13 1091
一、class和className兼容方法： object.setAttribute("class","content") 在IE8、Chrome、火狐、Opera10中都能设置成功；但是在IE7下无法设置。 object.setAttribute("className","content") 只有IE7能设置成功，但是其他浏览器均无法设置。 兼容方法： 使用  object.cla
js的setAttribute中class和className浏览器兼容问题
miaoshaohoa的专栏
01-20 6470
前几天工作中遇到一个js问题，本来js就不大会，倒腾了好长时间，并在做弹窗的时候用到了setAttribute，出现了不兼容的问题，在网上查了好多，真是郁闷，看来啥都得学啊。     主要的工作是做一个根据时间段变化图片的背景色，并在每一个时间段开始的同时同步进行倒计时，唉，两个分开来做都很好做，但是整合到一起的时候就麻烦了，倒计时的时候不会进行刷新......先说这个弹窗问题，在不是上述时间段
jQuery对象，jQuery查找标签，层级选择器，属性选择器，表单筛选器，操作节点标签事件...
felix的博客
02-16 799
目录jQueryjQuery介绍jQuery的优势jQuery版本jQuery内容：jQuery对象jQuery基础语法查找标签基本选择器层级选择器：基本筛选器：属性选择器表单筛选器表单对象属性筛选器方法：操作节点标签scrollTop()尺寸文本操作属性操作针对与选择按钮(checkbox，radio，option是否被选中用prop)：事件来个克隆示例：常用事件：回到顶部jQuery jQu...
a标签点击中文文件名乱码_<a>标签文件下载文件名乱码问题
weixin_39822629的博客
12-24 2273
近期项目中用到了extjs的上传控件上传文件，然后页面使用a标签直接调用后台action获取流进行下载。在本地tomcat下是没有什么问题的，但是当放到测试环境jboss下的时候却遇到了文件名乱码的问题。以下为关键代码：class="com.deppon.cc.module.kminfo.server.action.KmInfoAction"method="downloadFile">app...
JavaScript最全面试题
qq_60976312的博客
06-10 1490
JavaScript最全面试题
DOM设置属性值setAttribute()
m0_49249339的博客
03-19 1280
<div> <input type="radio" name="game" onclick="chengyaojin()"/>程咬金 <input type="radio" name="game" onclick="wuzetian()"/>武则天 <br /> <!--<img src="img/chengyaojin.jpg" width="500px" height="800px...
js中设置元素class的三种方法小结
晨港飞燕的专栏
08-30 2万+
一、el.setAttribute('class','abc'); 代码如下: .abc { background: red; }test div var div = document.getElementById('d1'); div.setAttribute("class", "abc");    IE6/7 : div背景色不是红色     IE8/9/10/Fir
为什么我们不使用setAttribute方法来设置元素的class?
tenfyguo的技术专栏
09-02 6780
<br />        我们通过Js脚本对DOM 节点进行修改其样式class的时候，常常是使用如下的方式进行操作：<br />        element.className = 'xxxClass';<br />        而我们知道，element中有一个设置属性值的API——setAttribute(propertyName, propertyValue);那么我们会想，是否可以通过调用该API进行设置元素的样式class呢？答案是肯定的，代码如下：<br />        elemen
js中setAttribute用法详解
热门推荐
Z忽虎的博客
07-13 6万+
setAttribute基本用法element.setAttribute(attributename,attributevalue)setAttribute() 方法添加指定的属性，并为其赋指定的值,看到w3c的例子document.getElementsByTagName("INPUT")[0].setAttribute("type","button");我们经常需要在JavaScript中给E...
setAttribute设置class,style,事件时的浏览器兼容性
木木的森林的博客
07-01 1613
setAttribute设置class,style,事件时的浏览器兼容性
php div classname,JavaScript_js中设置元素class的三种方法小结，一、el.setAttribute('class','abc'); - phpStudy...
weixin_30199835的博客
04-09 230
js中设置元素class的三种方法小结一、el.setAttribute('class','abc');复制代码 代码如下:setAttribute('class', 'abc').abc {background: red;}test divvar div = document.getElementById('d1');div.setAttribute("class", "abc");IE6/7 ...
js通过class添加标签，并设置标签属性
最新发布
04-12
可以使用JavaScript的document.createElement和element.setAttribute方法来进行class添加和标签属性设置。例如： ``` var newElement = document.createElement("div"); newElement.classList.add("myClass"); newElement.setAttribute("id", "myId"); ``` 这样就创建了一个新的div标签，并添加了名为"myClass"的class和id为"myId"的属性。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值