php 显示隐藏html元素,通过display或visibility来实现HTML元素的显示与隐藏

绝地灬酷狼 2022-11-17 03:56 426阅读 0赞

这篇文章主要介绍了关于通过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

发表评论

表情：
评论列表 （有 0 条评论，426人围观）

还没有评论，来说两句吧...

相关阅读

    相关 JQuery 控制html元素显示或隐藏

            在做项目中用到界面元素显示或隐藏的功能。比如：点击编辑按钮，切换复选框的显示隐藏。根据数据库中某一字段的不同值，在界面上显示不同的按钮组合。因此查找了如何控制界

    川长思鸟来川长思鸟来/ 0 赞/ 442 阅读