php 显示隐藏html元素,display或visibility来隐藏html元素

根据某些条件来控制Web页面中的HTML元素显示还是隐藏，可以通过display或visibility来实现，下面有个简单的示例，大家可以参考下

有些时候我们需要根据某些条件来控制Web页面中的HTML元素显示还是隐藏，可以通过display或visibility来实现。通过下面的例子了解display和visibility的区别，简单的例子代码如下：

代码如下:

HTML元素的显示与隐藏控制

function showAndHidden1(){

var p1=document.getElementById("p1");

var p2=document.getElementById("p2");

if(p1.style.display=='block') p1.style.display='none';

else p1.style.display='block';

if(p2.style.display=='block') p2.style.display='none';

else p2.style.display='block';

}

function showAndHidden2(){

var p3=document.getElementById("p3");

var p4=document.getElementById("p4");

if(p3.style.visibility=='visible') p3.style.visibility='hidden';

else p3.style.visibility='visible';

if(p4.style.visibility=='visible') p4.style.visibility='hidden';

else p4.style.visibility='visible';

}

display：元素的位置不被占用

p 1

p 2

---

visibility：元素的位置仍被占用

p 3

p 4

更多display或visibility来隐藏html元素相关文章请关注PHP中文网！

本文原创发布php中文网，转载请注明出处，感谢您的尊重！