Question

我的页面上有一个标签，其中包含以下标签：

<ul>
  <li class="3 tabs__item active uiTabItem" role="presentation" data-aura-rendered-by="79:126;a" data-aura-class="uiTabItem" data-original-width="183">
    <a class="tabHeader" aria-selected="true" data-tab-name="3" tabindex="0" role="tab" aria-controls="73:126;a" title="Files &amp; Contacts" href="?tabset-563b2=3" data-aura-rendered-by="80:126;a" data-special-link="true">
      <span data-aura-rendered-by="81:126;a">
     </span>
      <span class="title" data-aura-rendered-by="83:126;a">Files &amp; Contacts</span>
    </a>
  </li>
</ul>

在代码中我想以String格式获取标签标签。所以对于上面的代码，我想返回“Files & Contacts”，我想使用vanilla JS而不是使用jQuery或任何其他框架。

这是我到目前为止的代码，我可以定位正确的活动标签，但不知道如何只检索文本：

var selectedTab = document.querySelector('.tabs__item.active');
console.log(selectedTab);

CodePen link

Answer 1

您可以使用innerText或textContent：

var selectedTab = document.querySelector('.tabs__item.active');
console.log(selectedTab.innerText);
//OR
console.log(selectedTab.textContent);
//OR
console.log(selectedTab.innerText.replace(/&/g, '&amp;'));

<ul>
  <li class="3 tabs__item active uiTabItem" role="presentation" data-aura-rendered-by="79:126;a" data-aura-class="uiTabItem" data-original-width="183">
    <a class="tabHeader" aria-selected="true" data-tab-name="3" tabindex="0" role="tab" aria-controls="73:126;a" title="Files &amp; Contacts" href="?tabset-563b2=3" data-aura-rendered-by="80:126;a" data-special-link="true">
      <span data-aura-rendered-by="81:126;a"><!--render facet: 82:126;a--></span>
      <span class="title" data-aura-rendered-by="83:126;a">Files &amp; Contacts</span>
    </a>
  </li>
</ul>

如何从Javascript querySelector

1 个答案: