js visible

// 示例代码：使用 JavaScript 控制元素的可见性

// 获取 HTML 元素
const element = document.getElementById('myElement');

// 方法 1: 使用 style.display 属性控制可见性
function toggleVisibility() {
    if (element.style.display === 'none') {
        element.style.display = 'block'; // 显示元素
    } else {
        element.style.display = 'none'; // 隐藏元素
    }
}

// 方法 2: 使用 style.visibility 属性控制可见性
function toggleVisibilityWithVisibility() {
    if (element.style.visibility === 'hidden') {
        element.style.visibility = 'visible'; // 显示元素，但占据空间
    } else {
        element.style.visibility = 'hidden'; // 隐藏元素，但占据空间
    }
}

// 解释说明：
// 1. `style.display` 可以完全隐藏或显示元素，当设置为 'none' 时，元素不会占据页面上的任何空间。
// 2. `style.visibility` 只是视觉上隐藏元素，元素仍然占据页面上的空间。

如果你需要一个简单的示例来控制元素的可见性，上面的代码展示了两种常用的方法。你可以根据具体需求选择合适的方式。