zoukankan      html  css  js  c++  java
  • cssTex

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

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


    div.style.cssText = "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;
  • 相关阅读:
    linux学习之路(2)
    Cocos.js
    BOM常用对象
    display取值和应用
    DOM
    cursor属性
    visibilty属性
    打开新连接的方式
    JQuery
    js的创建对象
  • 原文地址:https://www.cnblogs.com/jayruan/p/5094349.html
Copyright © 2011-2022 走看看