JS实现“隐藏与显示”功能(多种方法)

JS实现“隐藏与显示”功能有多种方法，以下是其中几种：

1. 使用style属性改变元素的display属性，从而实现隐藏与显示：

// 隐藏元素
document.getElementById("elementId").style.display = "none";

// 显示元素
document.getElementById("elementId").style.display = "block";

2. 使用classList属性来添加或移除一个类，从而实现隐藏与显示：

// 隐藏元素
document.getElementById("elementId").classList.add("hidden");

// 显示元素
document.getElementById("elementId").classList.remove("hidden");

3. 使用jQuery库的hide()和show()方法，从而实现隐藏与显示：

// 隐藏元素
$("#elementId").hide();

// 显示元素
$("#elementId").show();

4. 使用Vue.js框架的v-show指令，从而实现隐藏与显示：

<template>
  <div v-show="showElement">
    <!-- ... -->
  </div>
</template>

<script>
export default {
  data() {
    return {
      showElement: true
    }
  }
}
</script>

以上是几种JS实现“隐藏与显示”功能的方法，选择哪种方法取决于具体情况和个人喜好。