当类是变量时，在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之间的切换。这种技术常用于创建轮播图、选项卡等交互效果。

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

• 腾讯云服务器（CVM）：https://cloud.tencent.com/product/cvm
• 腾讯云云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
• 腾讯云数据库（TencentDB）：https://cloud.tencent.com/product/cdb
• 腾讯云内容分发网络（CDN）：https://cloud.tencent.com/product/cdn
• 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
• 腾讯云物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
• 腾讯云移动开发（移动推送）：https://cloud.tencent.com/product/umeng
• 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
• 腾讯云区块链（BCS）：https://cloud.tencent.com/product/bcs
• 腾讯云虚拟专用网络（VPC）：https://cloud.tencent.com/product/vpc