如何在JavaScript中使div可见和不可见

使用JavaScript可以通过修改CSS属性来控制div元素的可见性，常用的方式有以下两种：

1. 修改style属性

可以直接修改div元素的style属性来实现可见或不可见：

// 隐藏div元素
document.getElementById('myDiv').style.display = 'none';
// 显示div元素
document.getElementById('myDiv').style.display = 'block';

其中，'myDiv'是需要控制的div元素的ID。

2. 修改CSS类名

可以定义两个CSS类，一个用于显示div元素，一个用于隐藏div元素。通过修改div元素的class属性来切换类名来实现可见或不可见：

<style>
    .visible {
        display: block;
    }
    .hidden {
        display: none;
    }
</style>

// 隐藏div元素
document.getElementById('myDiv').classList.add('hidden');
// 显示div元素
document.getElementById('myDiv').classList.remove('hidden');
document.getElementById('myDiv').classList.add('visible');

其中，'myDiv'是需要控制的div元素的ID。

以上两种方式的选择可以根据具体情况来决定，如果需要频繁切换可见性，建议使用修改CSS类名的方式，可以实现样式的复用。如果只需要简单的显示或隐藏，则可以使用修改style属性的方式。