Wie bekomme ich innerHTML innerhalb der Anchor-Tags, die nur Inhalt abrufen, nicht die Tags innerhalb?

Question

Ich möchte

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

jedoch die Anker-Tag Inhalt abzurufen, wenn ich die folgenden JS-Code

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

was verwenden will ich ist

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

als die resultData

erhalten

wo ich will, dass die resultData "Hallo There It Is kursiver Text " , weil ich irgendwo die resultData verwenden wannna sonst

es gibt sogar einige Fälle, in denen es mehrere Span-Tags sein kann, wie

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

oder

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

Also möchte ich die resultData in allen Fällen "Hallo, es ist kursiv". Was ich will, ist die reinen Inhalt der Anker-Tag ohne Kind-Tag.

Kann diese mit reinen Javascript erreicht werden, wenn ja, wie

Bitte Hilfe

Answer 1

textContent Eigenschaft des Elements Get.

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

Um Text eher als das gesamte Markup abrufen, Sie textContent verwenden sollten, nicht innerHTML.