从onclick按钮事件向选项卡添加活动类

，可以通过以下步骤实现：

首先，确保你已经在HTML中创建了按钮和选项卡的相关元素。按钮可以使用<button>标签创建，选项卡可以使用<div>标签创建，并为每个选项卡设置一个唯一的ID。
在JavaScript中，使用document.getElementById()方法获取按钮和选项卡的引用。将按钮和选项卡的ID作为参数传递给该方法，以获取对应的元素。
使用addEventListener()方法为按钮添加一个点击事件监听器。该方法接受两个参数，第一个参数是事件类型（这里是"click"），第二个参数是一个回调函数，用于处理按钮点击事件。
在回调函数中，使用classList属性来操作选项卡的类。使用add()方法向选项卡的类列表中添加一个活动类，以突出显示当前选中的选项卡。同时，使用remove()方法从其他选项卡的类列表中移除活动类，以确保只有一个选项卡处于活动状态。

以下是一个示例代码：

<!DOCTYPE html>
<html>
<head>
  <style>
    .active {
      background-color: #ccc;
    }
  </style>
</head>
<body>
  <button id="btn">点击按钮</button>
  <div id="tab1">选项卡1</div>
  <div id="tab2">选项卡2</div>
  <div id="tab3">选项卡3</div>

  <script>
    var btn = document.getElementById("btn");
    var tab1 = document.getElementById("tab1");
    var tab2 = document.getElementById("tab2");
    var tab3 = document.getElementById("tab3");

    btn.addEventListener("click", function() {
      tab1.classList.add("active");
      tab2.classList.remove("active");
      tab3.classList.remove("active");
    });
  </script>
</body>
</html>

在上述示例中，点击按钮后，选项卡1将添加活动类（即active类），而选项卡2和选项卡3将移除活动类。这样，选项卡1将突出显示为当前选中的选项卡。

对于腾讯云相关产品和产品介绍链接地址，由于要求不能提及具体品牌商，建议在腾讯云官方网站上查找相关产品，例如腾讯云的云服务器（CVM）或云函数（SCF）等，以获取更详细的信息和文档。