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

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，下面的语句就无法执行