问答详情
源自:4-1 编程挑战

能不能帮我看下哪错了呢?

如图

 <input type="button" value="改变颜色" onclick="set1()" >  

    <input type="button" value="改变宽高" onclick="set2()" >

    <input type="button" value="隐藏内容" onclick="set3()"  >

    <input type="button" value="显示内容" onclick="set4()" >

    <input type="button" value="取消设置" onclick="set5()" >

  </form>

  <script type="text/javascript">

 var div=document.getElementById("txt");

//定义"改变颜色"的函数

function set1(){

div.style.backgroundColor="blue";}

//定义"改变宽高"的函数

function set2(){

div.style.height="500";

div.style.width="200";}

//定义"隐藏内容"的函数

function set3(){

div.style.display="none";}


//定义"显示内容"的函数

function set4(){

div.style.display="block";}

//定义"取消设置"的函数

function set5(){

var mymessage=confirm("是否取消设置?")

if (mymessage==true)

{removeAttribute("style");}

  </script>


提问者:Lshah0 2016-03-10 12:59

个回答

  • qq_空_72
    2016-03-10 14:18:50

    设置width,height要加单位PX;为"500px"或者"500"+"px"

    然后你的set5的‘}’没有加

    removeAttribute("style");前面要加对象使之为 div.removeAttribute("style");

    这样才能知道重置的而是谁的style

  • peasant
    2016-03-10 14:18:02

      <form>

      <!--当点击相应按钮,执行相应操作,为按钮添加相应事件-->

         <input type="button" value="改变颜色" onclick="set1()" >  

        <input type="button" value="改变宽高" onclick="set2()" >

        <input type="button" value="隐藏内容" onclick="set3()"  >

        <input type="button" value="显示内容" onclick="set4()" >

        <input type="button" value="取消设置" onclick="set5()" >

      </form>

    <script type="text/javascript">

    var div = document.getElementById("txt");

    //定义"改变颜色"的函数

    function set1(){

        div.style.color="blue";

    }

    //定义"改变宽高"的函数

    function set2(){

        div.style.height="500px";

        div.style.width="200px";

    }

    //定义"隐藏内容"的函数

    function set3(){

        div.style.display="none";

    }


    //定义"显示内容"的函数

    function set4(){

        div.style.display="block";

    }

    //定义"取消设置"的函数

    function set5(){

    var mymessage=confirm("是否取消设置?")

        if(mymessage==true){

            div.removeAttribute("style");

        }

    }

    </script>

    设置宽高要加单位像素:px    最后的移除要有对象