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

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

一、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

所有浏览器都支持。

企鹅博客
  • 本文由 发表于 2019年8月31日16:18:35
  • 转载请务必保留本文链接:https://www.qieseo.com/424879.html

发表评论