当类是变量时，在2个div之间切换

可以通过添加或移除CSS类来实现。以下是一个示例的解决方案：

首先，在HTML中创建两个div元素，分别给它们设置不同的类名，例如"div1"和"div2"。

<div id="div1" class="active">Div 1</div>
<div id="div2">Div 2</div>

接下来，在CSS中定义两个类，分别用于显示和隐藏div元素。

.active {
  display: block;
}

.inactive {
  display: none;
}

然后，在JavaScript中使用事件监听器来切换div元素的类。

// 获取div元素的引用
var div1 = document.getElementById("div1");
var div2 = document.getElementById("div2");

// 添加事件监听器
div1.addEventListener("click", function() {
  // 切换类名
  div1.classList.remove("active");
  div2.classList.add("active");
});

div2.addEventListener("click", function() {
  // 切换类名
  div2.classList.remove("active");
  div1.classList.add("active");
});

在上述代码中，当点击div1时，会移除div1的"active"类，并给div2添加"active"类，从而隐藏div1并显示div2。当点击div2时，会移除div2的"active"类，并给div1添加"active"类，从而隐藏div2并显示div1。

这种方法可以通过CSS来控制div元素的显示和隐藏，通过JavaScript来切换类名，从而实现在两个div之间的切换。这种技术常用于创建轮播图、选项卡等交互效果。

腾讯云相关产品和产品介绍链接地址：