JavaScript批量设置CSS样式的跨浏览器兼容方案

JavaScript批量设置CSS样式的跨浏览器兼容方案

在Firefox等现代浏览器中，可以通过特定方法实现样式的批量设置。

首先获取目标DOM元素，例如：var dom=document.getElementById("name");

接着调用setAttribute方法，将包含多个CSS属性的字符串赋值给style属性，例如：dom.setAttribute("style","width:10px;height:10px;border:solid 1px red;") ;

而在IE浏览器中，必须使用style.cssText属性来完成类似操作。

同样需要先获取DOM元素，例如：var dom=document.getElementById("name");

然后直接给style.cssText赋值，例如：dom1.style.cssText = "width:10px;height:10px;border:solid 1px red;";

补充说明，目前style.cssText的功能已类似于innerHTML，并逐渐成为Web开发的事实标准。因此测试表明，Firefox浏览器也支持这种通过cssText批量设置样式的方式。