如何获取只检索内容而不是内部标签的锚标签内的innerHTML？

Question

我要检索的锚标签内容

<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

因为我想结果数据为“你好这是斜体文字“ 因为我wannna使用resultData别的地方

甚至有些情况下，可能有多个跨度标记，如

<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”。 我想要的是锚标签的纯内容，没有任何子标签。

可以这样使用纯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>

Answer 2

要检索的文本，而不是整个标记，你应该使用textContent，不innerHTML。