<form>

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

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

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

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

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

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

  </form>

  <script type="text/javascript">

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

    function changcolor(){

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

        mychar.style.color='blue';

    }

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

    function changehw(){

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

        mychar.style.width="100px";

        mychar.style.height ="100px";

    }

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

    function changehide(){

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

    mychar.style.display='none';

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

    function changeshow(){

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

    mychar.style.display="block";

    }

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

    function changereturn(){

    var message=confirm("是否取消所有设置"); 

    if(message==true){

    txt.removeAttribute('style'); 

    }

    }