JS处理Button的隐藏与显⽰
Html中Button的display属性控制着此Button的隐藏与显⽰功能，当display=="none"的时候是隐藏，display==“block”的时候是显⽰；并且display是存在于style中的。在Html中进⾏display属性的设置，请看如下代码：
<div>htmlbutton属性
<button id="displayBtn" >Display Button</button>
<button id="hiddenBtn" >Hidden Button</button>
</div>
知道了哪个属性控制Button的隐藏与显⽰，以及属性所在的位置后，在JS中调⽤与设置就变得很简单了（注意层次关系）。代码如下：
function DisplayAndHiddenBtn(btnId, type) {
var currentBtn = ElementById(btnId);
if (type == "d") {
currentBtn.style.display = "block"; //style中的display属性
}
else if (type == "h") {
currentBtn.style.display = "none";
}
}
这⾥的参数btnId标识Button的Id，type则表⽰需要将此Button设置成隐藏（“h”）还是显⽰（“d”）状态。
关于Button的属性还有很多，像onmouseover，onmouseout，onclick等事件注册函数，这⾥就不⼀⼀说明啦。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。