使用Document.querySelector从p获取文本，不包括跨度值-电脑我帮您

我有这个元素结构。

<p>
  <span class="ts-aria-only">
  Departure
  </span>
  RUH
  <span class="ts-aria-only">&nbsp;Riyadh</span>
</p>

我正在尝试获取文本RUH，但是使用innerText将返回整个文本，包括<span>内部的值。

此处在SO上发布的一些答案使用ajax，不适用于我的用例。

回答如下：

这是一个文本节点，因此无法使用查询字符串进行选择。您必须从其父元素开始并访问适当的childNodes索引：

console.log(
  document.querySelector('p').childNodes[2].textContent.trim()
);

<p>
  <span class="ts-aria-only">
  Departure
  </span>
  RUH
  <span class="ts-aria-only">&nbsp;Riyadh</span>
</p>

使用Document.querySelector从p获取文本，不包括跨度值

我有这个元素结构。

<p>
  <span class="ts-aria-only">
  Departure
  </span>
  RUH
  <span class="ts-aria-only">&nbsp;Riyadh</span>
</p>

我正在尝试获取文本RUH，但是使用innerText将返回整个文本，包括<span>内部的值。

此处在SO上发布的一些答案使用ajax，不适用于我的用例。

回答如下：

这是一个文本节点，因此无法使用查询字符串进行选择。您必须从其父元素开始并访问适当的childNodes索引：

console.log(
  document.querySelector('p').childNodes[2].textContent.trim()
);

<p>
  <span class="ts-aria-only">
  Departure
  </span>
  RUH
  <span class="ts-aria-only">&nbsp;Riyadh</span>
</p>