javascript - 如何获取 anchor 标记内的innerHTML，该标记仅检索内容而不检索其中的标记？

Question

我想检索 anchor 标记内容

<a id="1"><span class="italic">Hello There It Is Italic Text</span></a>

但是当我使用以下 JS 代码时

var resultData = document.getElementById("1").inneHTML;
console.log(resultData);

我会得到的是

<span class="italic">Hello There It Is Italic Text</span>

作为结果数据

我希望 resultData 为“你好，它是斜体文本”因为我想在其他地方使用 resultData

甚至在某些情况下可能存在多个span标签，例如

<a id="2"><span class="italic"><span class="highlight">Hello There It Is Italic Text</span></span></a>

或

<a id="3"><span class="italic">Hello There It Is <span class="highlight">Italic</span> Text</span></a>

所以我希望在所有情况下 resultData 都是“Hello There It Is Italic”。我想要的是 anchor 标记的纯内容，没有任何子标记。

这可以使用纯Javascript来实现吗？如果可以的话，如何实现

请帮忙

Answer 1

获取 textContent 元素的属性。

console.log(
  document.getElementById('1').textContent,
  document.getElementById('2').textContent,
  document.getElementById('3').textContent
)

<a id="1"><span class="italic">Hello There It Is Italic Text</span></a>
<a id="2"><span class="italic"><span class="highlight">Hello There It Is Italic Text</span></span></a>
<a id="3"><span class="italic">Hello There It Is <span class="highlight">Italic</span> Text</span></a>