首页 > Web开发 > 详细

cssTex

时间:2016-01-02 12:22:27      阅读:296      评论:0      收藏:0      [点我收藏+]

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;

cssTex

原文:http://www.cnblogs.com/jayruan/p/5094349.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!