var head= document.getElementById("head");
head.style.cssText="width:200px;height:70px;display:bolck";

但cssText也有个缺点,会覆盖之前的样式。如
<div style="color:red;">TEST</div>
想给该div在添加个css属性width


div.style.cssText = "width:200px;";
这时虽然width应用上了,但之前的color被覆盖丢失了。因此使用cssText时应该采用叠加的方式以保留原有的样式。

function setStyle(el, strCss){
var sty = el.style;
sty.cssText = sty.cssText + strCss;}

ie=支持

function setStyle(el, strCss){

    function endsWith(str, suffix) {
        var l = str.length - suffix.length;
        return l >= 0 && str.indexOf(suffix, l) == l;
    }
    var sty = el.style,
        cssText = sty.cssText;
    if(!endsWith(cssText, ';')){
        cssText += ';';
    }
    sty.cssText = cssText + strCss;
}
 /*透明度设置*/
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity:0.5;
 posted on 2016-01-02 11:37  jayruan  阅读(262)  评论(0编辑  收藏  举报