setAttribute 与 class... 冤家哎

最新推荐文章于 2022-10-30 13:15:51 发布
最新推荐文章于 2022-10-30 13:15:51 发布
阅读量546 收藏
点赞数
分类专栏： JavaScript 文章标签： class firefox ie

假设，我们要使用setAttribute来改变一个dom的class时，应该如何写？
   1. setAttribute("class","red")
   2. setAttribute("className","red")

答案是：
  选项1. 在firefox下使用
  选项2. 在IE下使用

如果在IE下给DOM setAttribute("class") 使用IE Developer看结构会发现，DOM上面显示了两个class出来... 原来IE是把自定义的class和系统的class是区分开的。- -b

MuBeiBei
关注
专栏目录
关于用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: input 元素 input.value 与 setAttribute() 的区别
JethroLiu的博客
07-15 2680
先写一个带有value的input元素 <input id="myinput" type="text" value="小明"> 我们先打印一下它： let myInput = document.getElementById("myinput"); console.log(myInput); 看看结果 输入框里面文本就是value的值小明 现在我们去掉它的value属性，用javascript为他添加value： <input id="myinput" type="text"&
setAttribute 与 class冲突解决
09-06
setAttribute 与 class冲突解决
setAttribute() ——class
weixin_30781775的博客
04-21 119
FF： setAttribute("class","xx"); IE: setAttribute("className", "xx"); 转载于:https://www.cnblogs.com/bluewolfox/archive/2010/04/21/1716730.html
【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
JavaScript中setAttribute用法
bestlxm的专栏
04-11 827
JavaScript中setAttribute用法 我们经常需要在JavaScript中给Element动态添加各种属性，这可以通过使用setAttribute()来实现，这就涉及到了浏览器的兼容性问题。 setAttribute(string name, string value)：增加一个指定名称和值的新属性，或者把一个现有的属性设定为指定的值。 1、样式问题 setAtt
计算机后端-PDO13PDO对象的setAttribute方法.avi
05-21
计算机后端-PDO13PDO对象的setAttribute方法.avi
JSP request.setAttribute()详解及实例
01-20
javascript request.setAttribute()详解 request.setAttribute()怎么用的? JSP1代码 String [] test=new String[2]; test[0]=1; test[1]=2; request.setAttribute(test,test) ; response.sendRedirect(jsp2.jsp); ...
IE67 下 setattribute class 失效
weixin_30616969的博客
02-28 169
解决办法。将class 换成 className ，同理。ff不能识别className,将其换成class element.setAttribute("class","active");//dd element.setAttribute("className","active");//ie 转载于:https://www.cnblogs.com/zzd0...
JS getAttribute和setAttribute(取得和设置属性)的使用介绍
10-27
本篇文章是对JS中的getAttribute和setAttribute(取得和设置属性)的使用进行了详细的分析介绍，需要的朋友可以参考下
setAttribute设置class,style,事件时的浏览器兼容性
木木的森林的博客
07-01 1613
setAttribute设置class,style,事件时的浏览器兼容性
前端判断request.setAttribute(“msg“,“请先登录“)；
分享日常bug
11-02 1144
此方法利用if判断 如果数据为空不展示 当request.setAttribute(“msg”,“请先登录”);返回数据时 前端将显示红色请先登录字样 <h3 style="color: red" th:text="${msg}" th:if="${not #strings.isEmpty(msg)}"></h3> 数据为空 数据不为空 ......
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
【JS API 的知识点】
m0_72815229的博客
10-30 150
详细的事件 以及写法 和绑定方法
为什么我们不使用setAttribute方法来设置元素的class?
tenfyguo的技术专栏
09-02 6785
<br />        我们通过Js脚本对DOM 节点进行修改其样式class的时候，常常是使用如下的方式进行操作：<br />        element.className = 'xxxClass';<br />        而我们知道，element中有一个设置属性值的API——setAttribute(propertyName, propertyValue);那么我们会想，是否可以通过调用该API进行设置元素的样式class呢？答案是肯定的，代码如下：<br />        elemen
js中设置样式的几种方式（setAttribute，className）
数据库天地
08-21 1352
以设置背景色为例子 可以用单一的backgroundColor 可以用className 可以用setAttribute（setAttribute 和 removeAttribute）为一组 实例代码（实现效果点击一个按钮，就把整个背景色替换，点击其他的就换其他的） &lt;html&gt; &lt;head&gt; &lt;title&gt;&lt;/title&gt...
setAttribute()方法
theowl的专栏
05-13 1万+
avascript之setAttribute()方法   经常需要在JavaScript中给Element动态添加各种属性，这可以通过使用setAttribute()来实现，这就涉及到了浏览器的兼容性问题。 setAttribute(string name, string value)：增加一个指定名称和值的新属性，或者把一个现有的属性设定为指定的值。
request.setattribute和session.setattribute
最新发布
05-31
`request.setAttribute()` 和 `session.setAttribute()` 都是在 Java Web 中用于存储数据的方法。 `request.setAttribute()` 存储的数据只在当前请求中有效，请求结束后数据就会被销毁。 `session.setAttribute()`...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值