<form>

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

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

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

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

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

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

  </form>

  <script type="text/javascript">

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

function turn_color(){

    char.style.color="red";

    }

function turn_wh(){

    char.style.width="900px";

    char.style.heigth="600px";

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

function hidden(){

    char.style.display="none";

}

function appear(){

    char.style.display="block";

}

function cancel(){

    var choose=confirm("确认取消？");

    if(choose==true){char.style.color="#000";

    char.style.width="600px";

    char.style.heigth="400px";

    char.style.display="block";

    }

    else{}

  </script>

</body>

</html>