js div隐藏

作者：为你丶偶尔温柔一次发布日期:2025-03-27 浏览:108

<!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