如何获取动态标签页的值？

<div class="tab-content" id="tab1">标签页1的内容</div>
<div class="tab-content" id="tab2">标签页2的内容</div>
<div class="tab-content" id="tab3">标签页3的内容</div>

// 获取所有标签页内容的元素
var tabContents = document.getElementsByClassName("tab-content");

// 遍历所有标签页内容元素
for (var i = 0; i < tabContents.length; i++) {
  var tabContent = tabContents[i];
  
  // 检查当前标签页是否被选中
  if (tabContent.classList.contains("active")) {
    // 获取选中标签页的值
    var tabValue = tabContent.innerHTML;
    
    // 在控制台打印选中标签页的值
    console.log("选中标签页的值：" + tabValue);
    
    // 可以根据需要进行进一步处理或发送到服务器
    break; // 停止遍历，因为只有一个标签页可以被选中
  }
}