<form>

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

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

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

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

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

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

  </form>

  <script type="text/javascript">

  var text=document.getElementById('text');

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

 function setColor(){

    text.style.color="blue";

}

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

 function setHeight(){

            text.style.height="400";

 }

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

 function dis1(){

    text.style.display="none";

 }

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

function dis2(){

    text.style.display="block";

}

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

 function button(){

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

if(setting){

  text.removeAttribute("style");

}

}

  </script>