为什么我所有按钮都不起作用呢？

Question

 <!--当点击相应按钮，执行相应操作，为按钮添加相应事件-->    <input type="button" value="改变颜色" onclick="ys">      <input type="button" value="改变宽高" onclick="kd">    <input type="button" value="隐藏内容" onclick="yc">    <input type="button" value="显示内容" onclick="xs">    <input type="button" value="取消设置" onclick="qx">  </form>  <script type="text/javascript">  var txt=document.getElementById("txt");  var con=document.getElementById("con");  function ys()      {txt.style.color="red";    con.style.backgroundColor="blue"}//定义"改变颜色"的函数}function kd(){txt.style.width="100px";txt.style.height="100px";    }//定义"改变宽高"的函数function yc(){    txt.style.display="none"}//定义"隐藏内容"的函数function xs(){txt.style.display="block"    }//定义"显示内容"的函数function qx(){var message=confirm("你确认要重组所有设置吗？")  if (txt=true)    txt.removeAttribute('style');}    }//定义"取消设置"的函数  </script></body></html>

Answer 1

3个问题 

1、是ys()和qx()都多了一个"}"

2、行间调用函数，只要被调用的函数放在全局作用域中，放前面放后面都可以调用，你这里位置是没错的，但是行间调用写错了，这么写：

 <input type="button" value="改变颜色" onclick="ys()">，带上括号  

3、qx()函数里面，因为你定义message=confirm，所以if(message==true)；按照你原来写法相当于将txt这个变量重新赋值为true，下面的语句就无法执行