element的标签页使用tab-click获取name的值

假设您的 HTML 代码如下所示：

<ul class="tabs">
  <li class="tab" name="tab1">Tab 1</li>
  <li class="tab" name="tab2">Tab 2</li>
  <li class="tab" name="tab3">Tab 3</li>
</ul>

您可以使用以下 JavaScript 代码来添加 "click" 事件监听器，以便在单击选项卡时获取其 "name" 属性值：

var tabs = document.querySelectorAll('.tabs .tab'); // 获取所有类名为 "tab" 的元素

tabs.forEach(function(tab) {
  tab.addEventListener('click', function() {
    var nameValue = this.getAttribute('name'); // 获取当前选项卡的 "name" 属性值
    console.log(nameValue); // 输出 "name" 属性值
  });
});

这段代码首先使用 `querySelectorAll` 方法获取所有类名为 "tab" 的元素。接着使用 `forEach` 方法循环遍历所有选项卡元素，并为每个选项卡元素添加 "click" 事件监听器。在事件处理程序函数中，使用 `getAttribute` 方法获取当前选项卡的 "name" 属性值，并将其存储在 `nameValue` 变量中。最后，将 "name" 属性值输出到控制台中（您可以根据需要更改此处的代码）。