<input type="button" onclick="this.value='隐藏';display('menu2')" value = "展开" style="border:0;float:right;background-image: url('${resPath}/resource/skin/css/img/d.jpg')"/> 

解决方案 »

  1.   

    <html>
    <head>
    <title></title>
            <style type="text/css">
            .day
            {
                background-color:White;
                }
            .night
            {
                background-color:Black;
                }
            </style>
            <script type="text/javascript">
                function switchchange() {
                    var btn = document.getElementById("btn");
                    if (document.body.className == "day") {
                        document.body.className = "night";
                        btn.value = "开灯";
                    } else {
                        document.body.className = "day";
                        btn.value = "关灯";
                    }
                }
            </script>
    </head>
    <body class="day">
    <input type="button" id="btn" value="关灯" onclick="switchchange()" />
    </body>
    </html>
    这是一个开灯关灯的例子,包含了button的内容改变问题,可以借鉴一下