<form>

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

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

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

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

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

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

  </form>

 <script type="text/javascript">

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

function changeColor(){

    mydis.style.color="red";

    mydis.style.backgroundColor="blue";

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

function changeWH(){

    mydis.style.width="300px";

    mydis.style.height="500px";

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

function hidetxt(){

    mydis.style.display="none";

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

function showtxt(){

    mydis.style.dispaly="block";

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

function affirm(){

    var mycon=confirm("你确定要取消所有设置么？");

    if(mycon=true){

         txt.removeAttribute('style');

    }

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