js中设置元素class的三种方法小结_javascript技巧

2019年8月31日16:18:35 评论 310

一、el.setAttribute('class','abc');

复制代码 代码如下:



setAttribute('class', 'abc')

test div

IE6/7 : div背景色不是红色

IE8/9/10/Firefox/Safari/Chrome/Opera : div背景色为红色

结果:IE6/7不支持setAttribute('class',xxx)方式设置元素的class。

二、el.setAttribute('className', 'abc')

复制代码 代码如下:



setAttribute('className', 'abc')

test div

IE6/7 : div背景色为红色

IE8/9/10/Firefox/Safari/Chrome/Opera : div背景色不是红色

结果:IE8/9/10/Firefox/Safari/Chrome/Opera不支持setAttribute('className',xxx)方式设置元素的class。

很有趣,使用setAttribute的时候第一个参数为class和className的情形在IE6/7和IE8/9/10/Firefox/Safari/Chrome/Opera刚好相反。

三、el.className = 'abc';

复制代码 代码如下:



el.className = 'abc'

test div

所有浏览器都支持。

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: