js控制元素隐藏和显示

Posted 2020-10-13

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js控制元素隐藏和显示相关的知识，希望对你有一定的参考价值。

原生：

　　方法一：

document.getElementById("idname").style.visibility="hidden";

document.getElementById("idname").style.visibility="visible";

注：该方法隐藏元素之后，仍占用空间，显示出空白区域

　　方法二：

document.getElementById("idname").style.display="none";

document.getElementById("idname").style.display="inline";

注：该方法隐藏元素之后，不占用空间

jquery：

　　$("selector").hide();

　　$("selector").show();

注：隐藏后不占用位置

以上是关于js控制元素隐藏和显示的主要内容，如果未能解决你的问题，请参考以下文章