你的那个改变宽高函数后面应该加(),,就是这样function changeArea()......... 后边那个定义取消设置的函数,我没有看懂,应该是没学到那儿,至于为什么点击按钮没有反应,我也不知道,你可以看看我的,我几乎是参考答案的:

    <form>

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

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

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

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

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

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

    </form>

    <script type="text/javascript">

    function dcolor()

    {

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

    mychar.style.color="red";

            mychar.style.backgroundColor="#ccc";

    }

    function dwh()

    {

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

    mychar.style.width="400px";

    mychar.style.height="200px";

    }

    function dhide()

    {

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

    mychar.style.display="none";

    }

    function dshow()

    {

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

    mychar.style.display="block";

    }

    function dcancel()

    {

    if (confirm("确定取消设置吗？")) {

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

    mychar.style.color="#000";

    mychar.style.backgroundColor="#fff";

    mychar.style.width="600px";

    mychar.style.height="400px";

    mychar.style.display="block";

    }

    }

    </script>