Laravel  
laravel
文档
数据库
架构
入门
php技术
    
Laravelphp
laravel / php / java / vue / mysql / linux / python / javascript / html / css / c++ / c#

js div隐藏

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

<!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函数,该函数会将指定divdisplay样式属性设置为none,从而实现隐藏效果。

上一篇:js static

下一篇:js 隐藏div

大家都在看

js 数组对象排序

js 数组删掉第一个值

js fill

js 数组复制

js 复制数组

js 数组拷贝

js 对象转数组

js 深拷贝数组

js 点击空白区域触发事件

js 获取今天年月日

Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3

Laravel 中文站