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

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

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

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

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

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

  </form>

  <script type="text/javascript">

  var i=document.getElementById("con");

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

  var set={

      function changecolor(){

      j.style.color="red";

      j.style.backgroundColor="#ccc";}

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

        function changesize(){

            j.style.width="200px";

            j.style.height="300px";}

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

        function sethide(){

            j.style.display="none";}

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

        function setshow(){

            j.style.display="block";}

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

        function offset(){

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

            if(message==true){

                j.removeAttribute("style");}

        }

     }

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