§ ITPOW >> 文档 >> JavaScript >> 指南

作者： 来源： 日期：2014-8-16

如果网页中一个 id 为“id1”的标签；

想要在 JavaScript 中设置这个元素的 CSS 样式，很一般的做法是：

var obj = document.getElementById("id1"); obj.style.width = "400px"; obj.style.height = "300px";

如果要设置一堆又一堆的 CSS 样式呢，太麻烦了吧。

一般情况下都会结合 CSS 来添加 className 或者改变 className 达到想要的效果，但是如果你 create 一个元素，难道还想这样简单点？那就要想别的办法了。

于是大家就写了一个又一个的函数，经典的两个是：

var obj = document.getElementById("id1"); function setStyle(obj, css) { for(var attr in obj) { obj.style[attr] = css[attr]; } } setStyle(obj, { width:"400px", height:"300px" } );

当然还有更简单的，cssText：

var obj = document.getElementById("div1"); obj.style.cssText = "width:400px; height:300px;";

当然这种方法对于create的元素初始化css样式来说很简单很方便。

（cssText 的本质就是设置元素的 style 属性。ITPOW编辑注）