js批量设置css样式的方法

发布时间:2020-01-08编辑:脚本学堂
批量设置css的样式,IE与firefox中是不同的。在firefox等浏览器中使用:
var dom=document.getElementById("name");dom.setAttribute("style","width:10px;height:10px;border:solid 1px red;") ;

批量设置css的样式,IE与firefox中是不同的。

在firefox等浏览器中使用
 

复制代码 代码如下:
var dom=document.getElementById("name");
dom.setAttribute("style","width:10px;height:10px;border:solid 1px red;") ;

而在IE浏览器中,则须使用style.cssText
 

复制代码 代码如下:
var dom=document.getElementById("name");
dom1.style.cssText = "width:10px;height:10px;border:solid 1px red;";

补充:
目前style.cssText类似innerHTML了,已成为一个web开发的事实标准。
特别说明一下,测试显示firefox浏览器也支持这种方式。

您可能感兴趣的文章:
js 批量设置样式的几种方法