zqifa的博客

我不管,反正我最萌~

js中setAttribute 的兼容性

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;

原文标题:js中setAttribute 的兼容性
原文地址:http://www.cnblogs.com/leejersey/archive/2013/02/20/2919052.html

作者:zqifa

出处:https://www.l1mn.com

原文地址:https://www.l1mn.com/p/ny0rn4.html

本文版权归作者所有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接。

标签:js

Copyright © zqifa 联系方式:z___qf@163.com