class和className兼容方法：

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

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

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

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

兼容方法：

使用?object.className="content"

?

style和cssText兼容方法：

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

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

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

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

兼容方法：

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

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

?

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

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

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

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

轉載于:https://www.cnblogs.com/leejersey/archive/2013/02/20/2919052.html

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。