div的css样式属性是由<style></style>样式表中提供的,你删除div的style属性有什么用?div的style属性本来就是空的按你的代码应该删除div的id属性

解决方案 »

  1.   

    按道理这样应该可以吧。div的style属性只是写到了内部css中,你看下面的代码:
    <style>
    #outer{width:500px;margin:0 auto;padding:0;text-align:center;}
    #div1{width:100px;height:100px;background:black;margin:10px auto;display:block;}
    </style>
    <script>
    var changeStyle = function (elem, attr, value)
    {
    elem.style[attr] = value
    };
    window.onload = function ()
    {
    var oBtn = document.getElementsByTagName("input");
    var oDiv = document.getElementById("div1");
    var oAtt = ["width","height","background","display","display"];
    var oVal = ["200px","200px","red","none","block"]; for (var i = 0; i < oBtn.length; i++)
    {
    oBtn[i].index = i;
    oBtn[i].onclick = function ()
    {   
    this.index == oBtn.length - 1 && (oDiv.removeAttribute("style")); changeStyle(oDiv, oAtt[this.index], oVal[this.index])
    }
    }
    };
    </script>
    </head>
    <body>
    <div id="outer">
    <input type="button" value="变宽" />
    <input type="button" value="变高" />
    <input type="button" value="变色" />
    <input type="button" value="隐藏" />
    <input type="button" value="重置" />
    <div id="div1"></div>
    </div>
    上面红色字体的,不也是这么用的吗?
      

  2.   

    不大明白你的意思
    oDiv.removeAttribute("style")只能删除内联样式style属性中设置的css。不能删除样式表中设置的css
      

  3.   

    oDiv.removeAttribute("style")时能删除内联的样式  你本身的就是空的