<form>

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

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

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

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

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

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

  </form>

  <script type="text/javascript">

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

  function changeColor()

  {

      document.getElementById("con").style.color="red";

  }

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

function height()

{

      document.getElementById("txt").style.height="200px";

      document.getElementById("txt").style.width="300px";

  }

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

function hide()

{

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

      hid.style.display="none";

  }

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

function cover()

{

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

      cov.style.display="block";

  }

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

function del()

{

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

      if(cde==true)

      {

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

        abc.removeAttribute("style");

      }

  }