<!DOCTYPE html>
<html>
<head>
<title>JS div隐藏示例</title>
<script>
function hideDiv() {
// 获取ID为"myDiv"的元素
var div = document.getElementById("myDiv");
// 将div的样式设置为"display: none;",从而隐藏该div
div.style.display = "none";
}
</script>
</head>
<body>
<!-- 定义一个div,初始时是可见的 -->
<div id="myDiv" style="width:200px; height:100px; background-color:lightblue;">
这是一个可以被隐藏的div。
</div>
<!-- 按钮点击时调用hideDiv函数来隐藏div -->
<button onclick="hideDiv()">隐藏div</button>
</body>
</html>
这段代码展示了如何使用JavaScript来隐藏一个<div>
元素。通过点击按钮触发hideDiv
函数,该函数会将指定div
的display
样式属性设置为none
,从而实现隐藏效果。
上一篇:js static
下一篇:js 隐藏div
Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3
Laravel 中文站