介绍 & lt; html>
& lt; head>
& lt; title> HTML元素的显示与隐藏控制& lt;/title>
& lt;脚本类型=拔谋?javascript"比;
函数showAndHidden1 () {
var p1=. getelementbyid (“p1");
var p2=. getelementbyid (“p2");
如果(p1.style.display==& # 39;块# 39;)p1.style.display=& # 39;没有# 39;;
其他p1.style.display=& # 39;块# 39;;
如果(p2.style.display==& # 39;块# 39;)p2.style.display=& # 39;没有# 39;;
其他p2.style.display=& # 39;块# 39;;
}
函数showAndHidden2 () {
var p3=. getelementbyid (“p3");
var p4=. getelementbyid (“p4");
如果(p3.style.visibility==& # 39;可见# 39;)p3.style.visibility=& # 39;隐藏# 39;;
其他p3.style.visibility=& # 39;可见# 39;;
如果(p4.style.visibility==& # 39;可见# 39;)p4.style.visibility=& # 39;隐藏# 39;;
其他p4.style.visibility=& # 39;可见# 39;;
}
& lt;/script>
& lt;/head>
& lt; body>
& lt; p>显示:元素的位置不被占用& lt;/p>
& lt; p id=皃1"风格=跋允?块;“在p 1 & lt;/p>
& lt; p id=皃2"风格=跋允?没有;“在p 2 & lt;/p>
& lt;输入类型=癰utton">感谢你能够认真阅读完这篇文章,希望小编分享通过显示或能见度如何实现HTML元素的显示与隐藏内容对大家有帮助,同时也希望大家多多支持,关注行业资讯频道,遇到问题就找,详细的解决方法等着你来学习!
这篇文章主要介绍了通过显示或能见度如何实现HTML元素的显示与隐藏,具有一定借鉴价值,需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。
代码如下:
