js display

// 使用 JavaScript 控制元素的显示和隐藏

// HTML 示例代码：
/*
<div id="myElement">这是一个可以被显示或隐藏的元素。</div>
<button onclick="toggleDisplay()">点击切换显示/隐藏</button>
*/

// JavaScript 示例代码：
function toggleDisplay() {
    var element = document.getElementById("myElement");
    if (element.style.display === "none") {
        element.style.display = "block"; // 显示元素
    } else {
        element.style.display = "none"; // 隐藏元素
    }
}

// 解释说明：
// 1. `document.getElementById("myElement")`：通过 ID 获取指定的 HTML 元素。
// 2. `element.style.display`：控制元素的 CSS `display` 属性，设置为 `"none"` 时元素会被隐藏，设置为 `"block"` 或其他值时元素会显示。
// 3. `toggleDisplay()` 函数用于切换元素的显示和隐藏状态。每次点击按钮时，都会检查当前元素的 `display` 属性，并根据其值进行相应的更改。