js 怎么隐藏h5元素

要使用 JavaScript 隐藏 HTML 元素，你可以通过操作元素的样式来实现。下面是两种常见的隐藏 HTML 元素的方法：

1. 使用 CSS 样式：你可以通过添加一个 CSS 类来隐藏元素。首先，在 CSS 中定义一个隐藏元素的类，例如 `.hidden { display: none; }`。然后，使用 JavaScript 获取要隐藏的元素，并为其添加这个类。示例如下：

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

<div id="myElement">
  这是要隐藏的元素。
</div>

<script>
var element = document.getElementById('myElement');
element.classList.add('hidden');
</script>

在上述代码中，我们首先定义了一个 `.hidden` 类来隐藏元素，使用 `display: none` 将元素隐藏。然后，通过 `getElementById` 方法获取要隐藏的元素，并使用 `classList.add` 方法添加 `.hidden` 类。

2. 直接修改样式：你也可以直接修改元素的样式属性来隐藏元素。通过设置 `style.display` 属性为 `'none'`，可以将元素隐藏。示例如下：

<div id="myElement">
  这是要隐藏的元素。
</div>

<script>
var element = document.getElementById('myElement');
element.style.display = 'none';
</script>

在上述代码中，我们通过 `getElementById` 方法获取要隐藏的元素，并将其 `style.display` 属性设置为 `'none'`。

无论你选择哪种方法，都可以使用 JavaScript 来动态地隐藏 HTML 元素。根据你的需求，选择适合你的场景的方法。