本文介绍在JavaScript中批量设置元素CSS样式的两种主要方式：通过setAttribute设置style属性以及直接操作style.cssText。文章对比了Firefox与IE浏览器对这两种方法的支持情况，并指出目前style.cssText已成为Web开发的事实标准，Firefox亦已支持，从而提供跨浏览器的通用解决方案。
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批量设置样式的方式。