js怎么把div隐藏显示

// 获取div元素
var divElement = document.getElementById('myDiv');

// 隐藏div
divElement.style.display = 'none';

// 显示div
divElement.style.display = 'block'; // 或者 'inline', 'inline-block' 等，取决于div原本的显示类型

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

// JavaScript
var divElement = document.getElementById('myDiv');

// 隐藏div
divElement.classList.add('hidden');

// 显示div
divElement.classList.remove('hidden');

// JavaScript
var divElement = document.getElementById('myDiv');

// 切换div的显示状态
divElement.classList.toggle('hidden');

// 使用visibility属性
divElement.style.visibility = 'hidden'; // 隐藏
divElement.style.visibility = 'visible'; // 显示

// 使用requestAnimationFrame优化
function toggleDiv() {
  requestAnimationFrame(() => {
    divElement.classList.toggle('hidden');
  });
}