js 隐藏显示html 标签内容

Posted shierban

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js 隐藏显示html 标签内容相关的知识,希望对你有一定的参考价值。

 

利用来JS控制页面控件显示和隐藏有两种方法,两种方法分别利用html的style中的两个属性,两种方法的不同之处在于控件隐藏后是否还在页面上占空位。

 
  方法一:

1
2
document.getElementById("EleId").style.visibility="hidden";
document.getElementById("EleId").style.visibility="visible";

  利用上述方法实现隐藏后,页面的位置还被控件占用,显示空白。
  方法二:

1
2
document.getElementById("EleId").style.display="none"; //隐藏
document.getElementById("EleId").style.display="inline";//显示

  利用上述方法实现隐藏后,页面的位置不被占用。



以上是关于js 隐藏显示html 标签内容的主要内容,如果未能解决你的问题,请参考以下文章

js如何设置里面的标签隐藏

html如何做个链接,一点击就在下面显示隐藏的文字内容

js控制span显示隐藏

关于div标签的显示与隐藏

前端使用JS和JQuery显示隐藏标签

js中怎么控制一个标签的显示与隐藏