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

button 全没反应 蜜汁 大佬来看看

 <form>

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

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

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

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

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

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

  </form>

  <script type="text/javascript">

  var text=document.getElementById('text');

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

 function setColor(){

    

    text.style.color="blue";

}


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

 function setHeight(){

             

            text.style.height="400";

 }


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

 function dis1(){

    

    text.style.display="none";

    

 }


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

function dis2(){


    text.style.display="block";

}

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

 function button(){

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

if(setting){

  text.removeAttribute("style");

}


}

  </script>


提问者:宝慕林6934861 2020-06-29 12:21

个回答

  • 宝慕林6934861
    2020-06-29 12:23:50

     var text=document.getElementById('text'); // text改为txt 。