js中使用cssText来设置样式

如果网页中有一个id为‘div’的标签,想要在js中设置他的样式,很一般的做法是:

[code]var obj = document.getElementById('div');

obj.style.width = '200px';

obj.style.height = '300px';[/code]

如果要设置一堆又一堆的css呢,这样做就很麻烦。

一般情况下都很结合css来动态添加className或者修改className,但是如果你是create一个元素呢,这时候你就只能想别的办法了~

此时大神们又封装了一个又一个的函数,比较经典的是:

[code]var obj = document.getElementById('div');

function setStyle(obj,css){

 for(var attr in obj){

      obj.style[attr] = css[attr];

 }

}

setStyle(obj,{width:'200px',height:'300px'});[/code]

当然还有更简单的,那就是cssText:

[code]var obj = document.getElementById('div');

obj.style.cssText = 'width:200px;height:300px;';[/code]

这种方法对于给create的元素添加样式非常方便。

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复