为什么我这样写点击按钮时都没反应？

Question

  <form>  <!--当点击相应按钮，执行相应操作，为按钮添加相应事件-->    <input type="button" value="改变颜色" onclick="changecolor()" >      <input type="button" value="改变宽高" onclick="changewh()" >    <input type="button" value="隐藏内容" onclick="hidetext()" >    <input type="button" value="显示内容" onclick="showtext()" >    <input type="button" value="取消设置"  onclick="res()">  </form>  <script type="text/javascript">//定义"改变颜色"的函数function changecolor(){    var demo1=document.getElementById("text");    demo1.style.color="green";    demo1.style.backgroundColor="blue";}//定义"改变宽高"的函数function changewh(){    var demo2=document.getElementById("text");    demo2.style.width="200px";    demo2.style.height="300px";}//定义"隐藏内容"的函数function hiddentext(){   var demo3=document.getElementById("text");   demo3.style.display="none";}//定义"显示内容"的函数function showtext(){    var demo4=document.getElementById("text").style.display="block";}//定义"取消设置"的函数function res(){    var demo5=confirm("是否取消设置？");    if(demo5==true){        text.style('');    }}

Answer 1

你确定你的页面中有一个id叫做text的元素（标签）吗？

<div id="text">

Answer 2

不仅缺少一个script结束标签，而且按钮列中缺少对应的id等于text。建议在每一个input标签中，分别写上对应的id，text1～text5，然后在根据id调用

Answer 3

少了一个id是text的元素，少了一个</script>，document.getElementById("text") 定义到全局会好一点吧

Answer 4

不知道你是少复制了还是怎样，最基本的，你这里连 ID 都没有，上哪找对应去

Answer 5

document.getElementById("text") 看方法名就知道是查找Id＝text的标签，而你的代码里没看见这个id。

Answer 6

缺少一个</script>结束标签

Answer 7

后面复制时漏了一个</script>标签