js 设置多条css样式

js 设置多条css样式

如果在一个网页中给id="mydiv"的元素添加css样式，先获取该节点：
var obj = document.getElementById("mydiv");
给节点添加css：
如果需要添加的css不多的话，可以obj.style.width = "300px";
如果需要添加多条css语句的话，这样会有多条，如：
obj.style.width="300px";
obj.style.height="300px";
obj.style.border="1px solid #ddd";
……
这样会不会显得有些麻烦，且需要重复敲写类似的语句，那么可以这样：
（1）通过自己编写js函数设置css
function setCss(obj,css){
for(var attr in css){
obj.style[attr] = css[attr];
}
}
setCss(obj,{"width":"300px","height":"300px","border":"1px solid #ddd"});
(2)通过cssText方法设置css
obj.style.cssText = "width:300px;height:300px;border:1px solid #ddd;";
这样会不会显得简单，且方便了很多呢，特别是对于新create的元素进行初始化css样式

posted on 2015-06-18 11:29  安蝶 阅读( ...) 评论( ...) 编辑 收藏

转载于:https://www.cnblogs.com/cyj7/p/4585393.html