需要注意的是:
1.element要用getElementById or ByTagName来得到,
2.setAttribute(”class”, vName)中class是指改变”class”这个属性,所以要带引号。
3.IE中要把class改成className,…..IE不认class,所以最好写两句,都用上吧。
W3C DOM - {setAttribute()}
setAttribute(string name, string value):增加一个指定名称和值的新属性,或者把一个现有的属性设定为指定的值。
1、关于class和className
class属性在W3C DOM中扮演着很重要的角色,但由于浏览器差异性仍然存在。使用setAttribute(”class”, vName)语句动态设置
Element的class属性在firefox中是行的通的,在IE中却不行。因为使用IE内核的浏览器不认识”class”,要改用”className”;
同样,firefox 也不认识”className”。所以常用的方法是二者兼备:
element.setAttribute(”class”, vName);
element.setAttribute(”className”, vName); //for IE
2、setAttribute()的差异
我们经常需要在JavaScript中给Element动态添加各种属性,这可以通过使用setAttribute()来实现,这就涉及到了浏览器的兼容性问题。
var bar = document.getElementById(”foo”);
bar.setAttribute(”onclick”, “javascript:alert(’This is a test!’);”);
这里利用setAttribute指定e的onclick属性,简单,很好理解。但是IE不支持,IE并不是不支持setAttribute这个函数,
而是不支持用setAttribute设置某些属性,例如对象属性、集合属性、事件属性,也就是说用setAttribute设置style和onclick这些属性
在IE中是行不通的。为达到兼容各种浏览器的效果,可以用点符号法来设置Element的对象属性、集合属性和事件属性。
document.getElementById(”foo”).className = “fruit”;
document.getElementById(”foo”).style.cssText = “color: #00f;”;
document.getElementById(”foo”).style.color = “#00f”;
document.getElementById(”foo”).onclick= function () { alert(”This is a test!”); }
分享到:
相关推荐
我们经常需要在JavaScript中给Element动态添加各种属性,这可以通过使用setAttribute()来实现,这就涉及到了浏览器的兼容性问题
主要介绍了javascript中setAttribute()函数使用方法及兼容性的相关资料,需要的朋友可以参考下
setAttribute 与 class冲突解决
JavaScript的setAttribute存在兼容性问题,下面与大家分享下具体的解决方法,感兴趣的朋友可以参考下
本文实例分析了javascript中setAttribute兼容性用法。分享给大家供大家参考,具体如下: 1:常规属性建议使用 node.XXXX。 2:自定义属性建议使用node.getAttribute(“XXXX”)。 3:当获取的目标是JS里的关键字时建议...
计算机后端-PDO13PDO对象的setAttribute方法.avi
elementNode.setAttribute(name,value) name 必需。规定要设置的属性名。 value 必需。规定要设置的属性值。 该方法把指定的属性设置为指定的值。如果不存在具有指定名称的属性,该方法将创建一个新属性。 element...
NULL 博文链接:https://rogerfederer.iteye.com/blog/1938725
document.getElementById("username1").setAttribute("class","duitishi");//设置div标签的class属性为对提示,让它正确的时候显示绿色 }else{//输入的用户名不为空但是有不合法字符时 document....
document.getElementById("username1").setAttribute("class","duitishi");//设置div标签的class属性为对提示,让它正确的时候显示绿色 }else{//输入的用户名不为空但是有不合法字符时 document....
The method setAttribute(String, Object) in the type ServletRequest is not applicable for the arguments (String, double) y2ssh.sg.chp1.action.AddAction.execute(AddAction.java:18) y2ssh.sg.chp1....
如设置class属性 代码如下:el.setAttribute(‘class’, ‘abc’); 在IE6/7中样式“abc”将没有起作用,虽然使用el.getAttribute(‘class’)能取到值“abc”。 又如for属性 代码如下: 姓名:</label><input type=...
ECMAScript中的函数并不介意传递的参数有多少,也不介意是什么类型。由于JavaScript允许函数有不定数目的参数,所以我们需要一种机制,可以在 函数体内 ...这篇文章将详细介绍Javascript中的arguments对象和使用方法。
《javascript dom编程艺术:第2版》讲述了javascript、dom 和html5 的基础知识,着重介绍dom 编程技术背后的思路和原则:平稳退化、渐进增强...3.5.2 setattribute 44 3.6 小结 45 第4章案例研究:javascript图片库 46