如何獲取只檢索內容而不是內部標籤的錨標籤內的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。