JavaScript 中隐藏一个 `div` 元素可以通过多种方式实现，下面是一些常见的方法：
1. 使用 CSS 属性 `display`
通过将 `display` 属性设置为 `none`，你可以完全从文档流中移除元素。
var myDiv = document.getElementById('myDiv');
myDiv.style.display = 'none';
这种方式会使得 `div` 不占用任何空间，与其后面的元素也不会有任何位置上的影响。
2. 使用 CSS 属性 `visibility`
另一个选项是将 `visibility` 设置为 `hidden`。
var myDiv = document.getElementById('myDiv');
myDiv.style.visibility = 'hidden';
与 `display: none` 不同的是，即使 `div` 不可见，它依然会占用原有的空间。
3. 使用 CSS 类
你也可以通过添加一个 CSS 类来隐藏元素，这样可以使样式表保持干净，并且便于管理。
首先，在 CSS 文件中定义一个类：
.hidden {
display: none;
}
然后，在 JavaScript 中将这个类添加到 `div`：
var myDiv = document.getElementById('myDiv');
myDiv.classList.add('hidden');
4. 操作 DOM 树
如果你想要彻底地从 DOM 树中移除 `div`，你可以使用 `removeChild` 方法。
var myDiv = document.getElementById('myDiv');
myDiv.parentNode.removeChild(myDiv);
不过请注意，这种方式会完全移除元素，不仅仅是隐藏。
5. 使用动画和过渡
如果你想要以动画的形式隐藏 `div`，可以使用 CSS 的 `transition` 或者 JavaScript 的动画库（比如 jQuery 的 `.fadeOut()`）。
例如，使用 CSS 过渡：
.hidden {
transform: scale(0);
opacity: 0;
transition: all 0.5s ease;
}
然后在 JavaScript 中添加这个类：
var myDiv = document.getElementById('myDiv');
myDiv.classList.add('hidden');
总结
以上就是一些常见的在 JavaScript 中隐藏 `div` 的方法。根据你的具体需求，你可以选择最适合你的项目的方法。如果你只是想要简单隐藏而不占用空间，`display: none` 是一个很好的选择。如果需要动画效果，那么使用 CSS 过渡会是一个不错的选择。