用js怎么控制控制显示与隐藏啊

JavaScript09

用js怎么控制控制显示与隐藏啊,第1张

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

方法一:

document.getElementById("EleId").style.visibility="hidden"'设置EleId标签隐藏

document.getElementById("EleId").style.visibility="visible"设置EleId标签显示利用上述方法实现隐藏后,页面的位置还被控件占用,显示空白。

定义和用法

visibility

属性设置元素是否可见。

方法二:

document.getElementById("EleId").style.display="none"设置EleId标签隐藏

document.getElementById("EleId").style.display="inline"设置EleId标签显示利用上述方法实现隐藏后,页面的位置不被占用。

定义和用法

display

属性设置元素如何显示。

解决js怎么实现隐藏图片功能的步骤如下:

1.首先我们来创建一个p元素,在里面写上hello。

2.在浏览器界面上的显示。

3.接下来就用js来隐藏元素。

4.来看看浏览器。

5.已经就不显示了,如果还要再显示回来的话,让它等于block就好。这样就解决了js怎么实现隐藏图片功能的问题了。