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

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>标签