JS控制HTML元素的显示和隐藏的两种方法

时间:2020-11-11 10:07:38 HTML DOM 我要投稿

JS控制HTML元素的显示和隐藏的两种方法

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

  方法一:

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

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

  方法二:

  document.getElementById("EleId").style.display="none";document.getElementById("EleId").style.display="inline";

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

【JS控制HTML元素的显示和隐藏的两种方法】相关文章:

1.JS控制html控件的方法

2.jQuery控制元素显示隐藏切换滑动的方法总结

3.javascript控制页面控件隐藏显示的两种方法

4.CSS如何显示 HTML元素

5.加载html和显示的问题

6.jquery显示和隐藏div特效的实例

7.制作邮箱能正常显示的HTML邮件的方法

8.有关jQuery效果 slideToggle() 方法(在隐藏和显示之间切换)