<form>

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

    <input type="button" onClick="chang1()" value="改变颜色" >  

    <input type="button" onClick="chang2()" value="改变宽高" >

    <input type="button" onClick="chang3()" value="隐藏内容" >

    <input type="button" onClick="chang4()" value="显示内容" >

    <input type="button" onClick="chang5()" value="取消设置" >

  </form>

  <script type="text/javascript">

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

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

  function chang1(){

      mystr.style.color="red";

      mystr.style.backgroundColor="green";

  }

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

  function chang2(){

      mystr.style.wedth="100px";

      mystr.style.height="400px";

  }

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

   function chang3(){

       mystr.style.display="none";

   }

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

   function chang4(){

       mystr.style.display="block";

   }

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

   function chang5(){

       var mymassage=confirm("是否取消设置？");

       if(mymassage==true)

       {

             txt.removeAttribute("style");

   }

  </script>