js中setAttribute 的兼容性

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;