巧用cssText属性批量操作样式

给一个HTML元素设置css属性:

var d= document.getElementById("container");
d.style.height="7px";
d.style.weight="17px";

和innerHTML一样，cssText很快捷且所有浏览器都支持。
一组样式属性及其值的文本表示。将文本格式化为一个 CSS 样式表，去掉了包围属性和值的元素选择器的花括号。

*但会覆盖之前的样式，应该采用叠加的方式以保留原有的样式。

<input type="text" id="inp1" style="height:9px;color:red"/>
<input type="button" onclick="getStyle()"/>  

document.getElementById('inp1').style.cssText;  //获取input标签的样式"width: 220px; height: 20px;"  

//设置标签样式
function getStyle(){
    var addCss=document.getElementById('inp1').value;
    var strCss=document.getElementById('inp1').style.cssText;
    alert(strCss+addCss);
}
function setStyle(el, strCss){
	var sty = el.style;
	sty.cssText = sty.cssText + strCss;
}

http://www.cnblogs.com/snandy/archive/2011/03/12/1980444.html