<input type="button" value="改变颜色" click="a()">  

    <input type="button" value="改变宽高" click="b()">

    <input type="button" value="隐藏内容" click="c()">

    <input type="button" value="显示内容" click="d()">

    <input type="button" value="取消设置" click="e()">

  </form>

  <script type="text/javascript">

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

function a(){

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

    mychar.style.color="red";

    mychar.style.backgroundColor="#ccc";

}

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

function b(){

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

    mychar.style.width="200px";

    mychar.style.height="50px";

}

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

function c(){

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

    mychar.style.display="none";

}

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

function d(){

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

    mychar.style.display="block";

}

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

function e(){

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

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

    if(mychar){

       txt.removeAttribute('style');

    }

}