Javascript 如何反转div onclick的隐藏事件

我有一个div和一个按钮，我想在单击时显示/隐藏该div：

<input type="button" name="info" value="Contact Information" onclick="showDiv()">
<div align="center" id="element" style="display: none;">bla</div>

div的显示样式是none，因此它是隐藏的。js脚本的第一行将该值更改为block，因此现在显示div。现在我需要一些东西来反转第一行，以防按钮再次触发。所以我认为一个条件语句可以做到这一点，但我不知道如何构建它。行：“如果显示样式为其块，则在{}之间执行代码” 有什么想法吗？

编辑

功能切换div（元素ID、按钮、文本打开、文本关闭）{
var style=document.getElementById（elementId）.style；
如果（style.display==“无”）{
style.display=“block”；
button.innerHTML=textOn；
}否则{
style.display=“无”；
button.innerHTML=textOff；
}
}

显示联系人信息
bla

编辑

功能切换div（元素ID、按钮、文本打开、文本关闭）{
var style=document.getElementById（elementId）.style；
如果（style.display==“无”）{
style.display=“block”；
button.innerHTML=textOn；
}否则{
style.display=“无”；
button.innerHTML=textOff；
}
}

显示联系人信息
bla

直接使用浏览器DOM非常烦人，您的解决方案可能无法在所有浏览器中运行。您应该使用一些javascript框架，如jQuery、prototype或mootools。在jQuery中，您要做的事情如下所示：

$("#element").toggle()

如果您坚持使用原始javascript，可以尝试以下方法：

function showDiv() {
   if( document.getElementById('element').style.display == 'block' )
   document.getElementById('element').style.display = "none";
   else
   document.getElementById('element').style.display = "block";
}

---

直接使用浏览器DOM非常烦人，而且您的解决方案可能无法在所有浏览器中运行。您应该使用一些javascript框架，如jQuery、prototype或mootools。在jQuery中，您要做的事情如下所示：

$("#element").toggle()

如果您坚持使用原始javascript，可以尝试以下方法：

function showDiv() {
   if( document.getElementById('element').style.display == 'block' )
   document.getElementById('element').style.display = "none";
   else
   document.getElementById('element').style.display = "block";
}

布拉
函数showDiv（）{
var div=document.getElementById（'element'）.style.display；
如果（div=='block'）
document.getElementById（'element'）.style.display=“无”；
其他的
document.getElementById（'element'）.style.display=“block”；
}

布拉
函数showDiv（）{
var div=document.getElementById（'element'）.style.display；
如果（div=='block'）
document.getElementById（'element'）.style.display=“无”；
其他的
document.getElementById（'element'）.style.display=“block”；
}

如果单击按钮时我也想更改按钮名称？默认值为“显示联系人信息”，如果单击（当div显示时），名称将为“隐藏联系人信息”？document.getElementById（'buttonId'）。innerHTML=“隐藏联系人信息”；万一我还想在点击按钮时更改按钮名称？默认值为“显示联系人信息”，如果单击（当div显示时），名称将为“隐藏联系人信息”？document.getElementById（'buttonId'）。innerHTML=“隐藏联系人信息”；