class和className兼容方法：

object.setAttribute("class","content")

在IE8、Chrome、火狐、Opera10中都能設(shè)置成功；但是在IE7下無法設(shè)置。

object.setAttribute("className","content")

只有IE7能設(shè)置成功，但是其他瀏覽器均無法設(shè)置。

兼容方法：

使用?object.className="content"

?

style和cssText兼容方法：

object.setAttribute("style","position:absolute;left:10px;top:10px;")

在IE8、Chrome、火狐、Opera10中都能設(shè)置成功；但是在IE7下無法設(shè)置。

object.setAttribute("cssText","position:absolute;left:10px;top:10px;")

此設(shè)置方法，所有瀏覽器均不支持。

兼容方法：

使用?object.style.cssText="position:absolute;left:10px;top:10px;"

或者單獨 object.style.各個屬性 ，逐一進行設(shè)置。

?

Firefox和IE的JS兼容性：設(shè)置元素style熟悉

在IE下setAttribute設(shè)置元素的對象、集合和事件屬性都只當成普通屬性，起不到原有的作用，但可以直接進行賦值操作，如下：

var cssText = ”font-weight:bold;color:red;”
?//下面寫法用于firefox類型瀏覽器
element.setAttribute(“style”,cssText);

//下面寫法用于IE類型瀏覽器
element.style.cssText = cssText;

轉(zhuǎn)載于:https://www.cnblogs.com/leejersey/archive/2013/02/20/2919052.html

總結(jié)

以上是生活随笔為你收集整理的js中setAttribute 的兼容性的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。