<form>

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

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

    <input type="button" value="改变宽高" onclick="set.changeSize()">

    <input type="button" value="隐藏内容" onclick="set.objHide)">

    <input type="button" value="显示内容" onclick="set.objShow()">

    <input type="button" value="取消设置" onclick="set.offSet()">

  </form>

  <script type="text/javascript">

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

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

var set={

    changeColor:function(){

        txt.style.color="red";

        txt.style.backgroundColor="#ccc";

},

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

changeSize:function(){

    txt.style.width="300px";

    txt.style.height="300px";

},

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

objHide:function(){

    txt.style.display="none";

},

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

objShow:function(){

    txt.style.display="block";

},

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

offSet:function(){

    var message=confirm("你确定要重置所有设置吗"?);

    if(message==true){

        txt.removeAttribute('style');

    }

}