个人代码，可以互相切磋交流 

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

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

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

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

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

  </form>

  <script type="text/javascript">

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

function cgColor(){

    mychar = document.getElementById("txt");

    mychar.style.color="red";

    mychar.style.backgroundColor="blue";

}

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

function cgwh(){

    mychar = document.getElementById("txt");

    mychar.style.width="300px";

    mychar.style.height="500px";

}

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

function hidetext(){

    mychar = document.getElementById("txt");

    mychar.style.display="none";

}

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

function showtext(){

    mychar = document.getElementById("txt");

    mychar.style.display="block";

}

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

function rst(){

    mychar = document.getElementById("txt");

    tag = confirm("是否恢复默认？");

    if(tag)

    {

    mychar.removeAttribute("style");

    }

}

  </script>