可见性按钮

Question

我试图让表单框显示为隐藏。我已将其隐藏<input type="text" id="elemBox" name="elemBox4" class="element" hidden="hidden"/>。

如何使用javascript函数将其显示？

感谢。

Answer 1

像这样：

<input type="text" id="elemBox" name="elemBox4" class="element" style="display:none" />

或者，隐藏它的更好方法是在CSS文件中编写display:none：

.element {
    display: none;
}

通过JavaScript显示元素：

document.querySelector("#elemBox").style.display = "block";

再次隐藏它：

document.querySelector("#elemBox").style.display = "none";

如果您愿意，也可以使用document.getElementById代替querySelector。

Answer 2

您可以使用

隐藏文本框

• type = hidden
• visibility：hidden - 元素不可见，但占用dom上的一些空间
• 显示：无 - 元素不可见且不占用任何空间

如果您将其设为type = hidden，想要使其可见，您只需删除该属性即可 请查看以下代码段

＆＃13;

＆＃13;

window.onload=function(){
var element=document.getElementById('elemBox');
element.removeAttribute('type');
}

＆＃13;

<input type="text" id="elemBox" name="elemBox4" class="element" type="hidden"/>

＆＃13;

＆＃13;

＆＃13;

希望有所帮助