<form>

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

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

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

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

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

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

  </form>

  <script type="text/javascript">

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

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

    function yanse(){

        mydiv.style.color="red";

        mydiv.style.backgroundColor="#ccc";

    }

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

    function kuangao(){

       mydiv.style.width="200px";

    mydiv.style.height="300px";

    }

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

    function yincang(){

       mydiv.style.display="none";

    }

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

    function xianshi(){

        mydiv.style.display="block";

    }

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

    function chongzhi(){

         var mychose = confirm();

    if(mychose==true){

       mydiv.removeAttribute("style");

        }

    }