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

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

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

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

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

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

  </form>

  <script type="text/javascript">

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

    function changeColor()

    {

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

        mychar.style.color="red";    

    }

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

    function changeWidth()

    {

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

        mychar.style.width=300px; 

        mychar.style.height=200px;

    }

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

    function hideText()

    {

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

        mychar.style.display="none";

    }

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

    function showText()

    {

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

        mychar.style.display = "block";

    }

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

    function cancle()

    {

        var message = confirm("确认取消全部设置？");

        if(message == true)

        {

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

            mychar.removeAttribute("style");

        }

    }    

帮忙看下为什么只有颜色设置点击之后执行，其他的没反应呢，谢谢！