鹿泽鹿泽  2024-04-03 16:08:54 鹿泽笔记 |  隐藏边栏 |  0 

有时候我们会根据不同情况，隐藏某些html标签，利用来JS控制页面控件显示和隐藏有两种方法，两种方法分别利用HTML的style中的两个属性，两种方法的不同之处在于控件隐藏后是否还在页面上占空位。下面是用js来实现：

JavaScript

方法一：

document.getElementById("EleId").style.visibility="hidden";
document.getElementById("EleId").style.visibility="visible";

利用上述方法实现隐藏后，页面的位置还被控件占用，但显示空白。

方法二：

document.getElementById("EleId").style.display="none";
document.getElementById("EleId").style.display="inline";

利用上述方法实现隐藏后，页面的位置不被占用。当然我们也可以选择用jQuery来隐藏html元素，下面是一个使用jQery来隐藏html标签的实例。

<!DOCTYPE html>
<html>
<head>
<title>jQuery隐藏html标签元素</title>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("p").click(function(){
$(this).hide();
});
});
</script>
</head>
<body>
<p>鼠标点击后隐藏</p>
</body>
</html>
JavaScriptWordPress
1、文章版权归作者所有，未经允许请勿转载。
2、本站所有文章，如无特殊说明或标注，均为本站原创发布。任何在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们邮箱：526009505@qq.com进行处理。
3、咨询请联系QQ：526009505

你可能也喜欢

热评文章

上一篇
下一篇