随意取的函数名，好几次通不过，点击取消设置没反应，，，吧src换个名字通过了。换sr就通过了。。折腾了大半夜。这尼玛是怎么回事？？？虽然有点钻牛角尖

 <form>

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

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

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

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

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

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

  </form>

  <script type="text/javascript">

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

var char=document.getElementById("txt");

function changecolor()

{char.style.color="red";

char.style.backgroundColor="#ccc";}

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

function changewh()

{char.style.width="300px";

char.style.height="300px";}

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

function hidetxt(){

    char.style.display="none";}

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

function showtxt(){

    char.style.display="block";}

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

 function src(){

    var message=confirm("你确定要重置所有设置么？");

    if(message==true)

    {      

         char.removeAttribute('style');

    } 

  }    

  </script>

</body>

</html>