如何向引导选项卡中动态添加另一个选项卡

<div id="tab-container">
  <div class="tab">选项卡1</div>
  <div class="tab">选项卡2</div>
</div>
<button id="add-tab-btn">添加选项卡</button>

// 获取引导选项卡容器和添加选项卡按钮
var tabContainer = document.getElementById("tab-container");
var addTabBtn = document.getElementById("add-tab-btn");

// 添加选项卡的事件监听器
addTabBtn.addEventListener("click", function() {
  // 创建新的选项卡元素
  var newTab = document.createElement("div");
  newTab.classList.add("tab");
  newTab.textContent = "新选项卡";

  // 将新的选项卡元素添加到引导选项卡容器中
  tabContainer.appendChild(newTab);
});