javascript怎么根据class控制元素的显隐

可以使用JavaScript中的DOM操作来根据class控制元素的显隐。具体的实现方法如下所示：

1. 首先，使用document.getElementsByClassName()方法获取指定class的元素集合。

2. 然后，遍历这个元素集合，对每一个元素进行操作。

3. 对于需要隐藏的元素，可以设置style.display属性为"none"。

4. 对于需要显示的元素，可以设置style.display属性为"block"或者其他需要的值。

以下是一个示例代码：

// 获取指定class的元素集合
var elements = document.getElementsByClassName("my-class");

// 遍历集合，对每个元素进行操作
for (var i = 0; i < elements.length; i++) {
  var element = elements[i];
  
  // 隐藏元素
  if (needToHide(element)) {
    element.style.display = "none";
  }

  // 显示元素
  if (needToShow(element)) {
    element.style.display = "block";
  }
}

其中，needToHide和needToShow是自定义的判断函数，用来判断当前元素是否需要隐藏或者显示。这些函数的具体实现可以根据具体需求来编写。

相关问题

javascript怎么根据class控制span元素的显隐

可以使用以下代码来根据 class 控制 span 元素的显隐：

// 获取所有 class 为 example 的元素
var elements = document.getElementsByClassName("example");

// 遍历所有元素
for (var i = 0; i < elements.length; i++) {
  // 判断是否显示
  if (elements[i].style.display === "none") {
    // 显示元素
    elements[i].style.display = "block";
  } else {
    // 隐藏元素
    elements[i].style.display = "none";
  }
}

其中，`getElementsByClassName` 方法可以获取所有 class 为 `example` 的元素，然后遍历所有元素，根据元素当前是否显示来进行显隐控制。