js怎么设置div隐藏显示

// 假设有一个id为'myDiv'的div元素
var div = document.getElementById('myDiv');
div.style.display = 'none'; // 隐藏div

// 显示刚才隐藏的div
div.style.display = 'block'; // 显示div

function toggleDivVisibility(id) {
    var div = document.getElementById(id);
    if (div.style.display === 'none') {
        div.style.display = 'block'; // 或者div.style.display = ''; 恢复原来的display属性
    } else {
        div.style.display = 'none';
    }
}

// 使用函数来切换id为'myDiv'的div的可见性
toggleDivVisibility('myDiv');

/* CSS */
.hidden {
    display: none;
}

// JavaScript
function toggleDivVisibility(id) {
    var div = document.getElementById(id);
    div.classList.toggle('hidden'); // 切换'hidden'类
}

// 使用函数来切换id为'myDiv'的div的可见性
toggleDivVisibility('myDiv');