通过原生 js 隐藏和显示标签元素

利用来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 隐藏和显示标签元素相关推荐

原生js与jQuery显示隐藏div的几种方法
原生Js与jQuery显示隐藏div的几种方法简介:本文将会讲解,如何使用原生的JS和jquery来实现对于这个div盒子的隐藏 js 方式一首先是进行js演示和讲解. 首先是display的方法 ...
下拉菜单显示隐藏html,根据在下拉列表中选择的内容隐藏和显示HTML元素
我的网站是在ASP classic - VBScript中创建的(不是我的选择,也是我之前没有过的语言).我试图在其中创建一个网页:下拉菜单显示了基于第一个选择内容的额外下拉菜单.我正在尝试使用Jav ...
原生js来实现对dom元素class的操作方法
jQuery操作class的方式非常强大写了一个利用原生js来实现对dom元素class的操作方法 1.addClass:为指定的dom元素添加样式 2.removeClass:删除指定dom元素的 ...
js取iframe 上级页面_原生js获取iframe中dom元素--父子页面相互获取对方dom元素的方法...
用原生js在父页面获取iframe子页面的元素,以及在子页面获取父页面元素,这是平时经常会用到的方法,这里写一个例子来总结下: 1.父页面(demo.html),在父页面修改子页面div的背景色为灰色 ...
6 JS 和 Jquery 删除标签元素
6 JS 和 Jquery 删除标签元素 Jquery:$().remove() jQuery remove() 方法删除被选元素及其子元素, 即删除元素自身. <body> <di ...
JS隐藏和显示div的方式
JS隐藏和显示div的方式有两种: 方式1:隐藏后释放占用的页面空间通过设置display属性可以使div隐藏后释放占用的页面空间. style="display: none;" ...
原生js 给动态添加的元素添加（事件监听器）
原生js (事件监听)和(动态添加元素) 给动态添加的元素添加点击事件 <!DOCTYPE html> <html><head><meta charset=& ...
js隐藏和显示div
隐藏后释放占用的页面空间 // 设置display属性 style="display: none;" document.getElementById("id") ...
js隐藏或显示某区域
隐藏: document.getElementById("keleyi").style.display = "none"; 显示: document.getEl ...

通过原生 js 隐藏和显示标签元素

通过原生 js 隐藏和显示标签元素相关推荐

最新文章

热门文章