使用javascript在单击时仅激活div子类

在使用JavaScript实现在单击时仅激活div子类的功能时，可以通过以下步骤来实现：

首先，为需要单击激活的div元素添加一个点击事件监听器。
在点击事件处理函数中，使用JavaScript选择器获取所有的div子类元素。
遍历所有的div子类元素，将它们的样式设置为隐藏（display: none）。
将当前被点击的div元素的子类元素的样式设置为显示（display: block）。

下面是一个示例代码：

<!DOCTYPE html>
<html>
<head>
  <style>
    .subdiv {
      display: none;
    }
  </style>
</head>
<body>
  <div id="parentDiv">
    <div class="subdiv">子类1</div>
    <div class="subdiv">子类2</div>
    <div class="subdiv">子类3</div>
  </div>

  <script>
    var parentDiv = document.getElementById("parentDiv");
    var subDivs = parentDiv.getElementsByClassName("subdiv");

    parentDiv.addEventListener("click", function() {
      for (var i = 0; i < subDivs.length; i++) {
        subDivs[i].style.display = "none";
      }

      event.target.getElementsByClassName("subdiv")[0].style.display = "block";
    });
  </script>
</body>
</html>

在上面的示例代码中，我们首先为父级div元素添加了一个点击事件监听器。当点击父级div元素时，会触发点击事件处理函数。在处理函数中，我们首先将所有的子类div元素的样式设置为隐藏（display: none），然后将当前被点击的div元素的子类元素的样式设置为显示（display: block）。

这样，当点击父级div元素时，只有被点击的div元素的子类元素会显示出来，其他子类元素会隐藏起来。

推荐的腾讯云相关产品：腾讯云云服务器（https://cloud.tencent.com/product/cvm）