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

取消设置没反应

求问,为什么取消设置没反应呢,求大神解惑啊!

  <form>

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

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

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

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

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

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

  </form>

  <script type="text/javascript">


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

function modifycolor()

{

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

    txt1.style.color="red";

    txt1.style.backgroundColor="#ccc";

}

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

function modifysize()

{

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

    txt1.style.width="200px";

    txt1.style.height="200px";

}


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

function hide()

{

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

    txt1.style.display="none";

}


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

function show()

{

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

    txt1.style.display="block";

}


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

function reset()

{

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

    var choice=confirm("是否取消设置");

    if(choice==true)

    {

        txt1.style.height="400px";

   txt1.style.backgroundColor="#fff";

   txt1.style.color="#000";

        txt1.style.width="600px";

        txt1.style.display="block";

    }

}

  </script>


提问者:qq_mysunshine_24 2017-11-10 16:16

个回答

  • 菜鸟Kira
    2017-11-12 11:50:26

    定义变量名不可以使用javascript关键字或保留字,所以把reset换个名就可以了

  • 慕神9315582
    2017-11-10 17:42:42

    document.getElementById("txt").removeAttribute('style')