<form>

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

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

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

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

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

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

  </form>

  <script type="text/javascript">

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

function changecolor()

{

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

    obj.style.color="red";

    obj.style.background="blue";

}

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

function changewh()

{

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

    obj.style.width="200px";

    obj.style.height="600px";

}

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

function hide()

{

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

    obj.style.display="none";

}

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

function disp()

{

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

    obj.style.display="block";

}

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

function canc()

{

    var temp=confirm("是否恢复");

    if(temp)

    {

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

        obj.style.color="";

        obj.style.background="";

        obj.style.width="400px";

        obj.style.height="600px";

        obj.style.display="block";

    }

}

//例如只取消颜色
function cancel(){
       var a = document.getElementById("txt")
       var sure = confirm("Do you want to cancel all changes?");
        if( sure )
            a.style.color = "";  
        }    
    }