js实现 点击button div显示或隐藏 button文字改变

[qhz888999]

<div>
<input id="BtnShow" type="button" value="切换类型(+)" OnClick="MenuShow()"
</div>
<div id="DivMenu" runat="server" style="display: none;width:100%;" Align="center">
</div>
我想要达到的效果：点击button,button文字变为"切换类型(-)", div DivMenu 变为显示;
再点击button,button文字变为"切换类型(+)", div DivMenu 变为隐藏;
请大师指点，急用，多谢。

[qhz888999]

试了半天，div显示隐藏实现了，主要是文字没有变化，请高手速现身指点。

[蝶恋花雨]

document.getElementById('DivMenu').innerHTML = 'Fred Flinstone';　即可

[qhz888999]

我是这样写的,2楼朋友，能否讲详细点？ if (shopperList1_DivMenu.style.display == "block") { shopperList1_DivMenu.style.display = "none"; shopperList1_BtnShow.value = "切换类型(+)"; } else{ shopperList1_DivMenu.style.display = "block"; shopperList1_BtnShow.value = "切换类型(-)"; }

[蝶恋花雨]

额说错了 function MenuShow() { ＪＳ和ＪＱ写法 $("#BtnShow").val("切换类型(-)"); document.getElementById('BtnShow').value= "切换类型(-)"; $("#DivMenu").hide(); }

[蝶恋花雨]

 var shopperList1_DivMenu=document.getElementById("DivMenu");
      var shopperList1_BtnShow=document.getElementById("BtnShow");
if (shopperList1_DivMenu.style.display == "block") {
            shopperList1_DivMenu.style.display = "none";
            shopperList1_BtnShow.value = "切换类型(+)";

        }
         else{
            shopperList1_DivMenu.style.display = "block";
            shopperList1_BtnShow.value = "切换类型(-)";
        } 

是否这样写的？

[datarrow]

<div> <input id="BtnShow" type="button" value="切换类型(+)" onclick="MenuShow()" /> </div> <div id="DivMenu" style="display:none; width:100%; background:#f90;" Align="center">Div Show</div> <script> function MenuShow(){ var btn=document.getElementById("BtnShow"); var div=document.getElementById("DivMenu"); if(btn.value.match(/\+/)){ btn.value=btn.value.replace(/\+/,'-'); div.style.display='block'; } else{ btn.value=btn.value.replace(/-/,'+'); div.style.display='none'; } } </script>