写完了

<form>
   <!--当点击相应按钮，执行相应操作，为按钮添加相应事件-->
   <input type="button" value="改变颜色" onclick="changeColor()">
   <input type="button" value="改变宽高" onclick="changeHw()">
   <input type="button" value="隐藏内容" onclick="dis()">
   <input type="button" value="显示内容" onclick="xS()">
   <input type="button" value="取消设置" onclick=" qX()">
</form>
<script type="text/javascript">
   //定义"改变颜色"的函数
   var txt=document.getElementById("txt");

   function changeColor(){
       var txt=document.getElementById("txt");
       txt.style.color="red";
       txt.style.backgroundColor="blue"
   }



   //定义"改变宽高"的函数
   function changeHw(){
       var txt=document.getElementById("txt");
       txt.style.width="300px";
       txt.style.height ="500px";
   }

   //定义"隐藏内容"的函数
   function dis(){
       var txt=document.getElementById("txt");
       txt.style.display="none";
   }

   //定义"显示内容"的函数
   function xS(){
       var txt=document.getElementById("txt");
       txt.style.display="block";
   }

   //定义"取消设置"的函数
   function qX(){
       var message=confirm("你确定要重置所有设置么？");
       if(message==true){
           txt.removeAttribute('style');
       }
   }