最新消息:雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客

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

网站源码admin20浏览0评论

使用Document.querySelector从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>
发布评论

评论列表(0)

  1. 暂无评论