내부 태그가 아닌 콘텐츠 만 검색하는 앵커 태그 내부에서 innerHTML을 얻는 방법은 무엇입니까?

앵커 태그 콘텐츠를 검색하고 싶습니다.

<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를 다른 곳에서 사용하고 싶기 때문에 resultData가 " Hello There It Is Italic Text "가되기를 원합니다.

다음과 같이 여러 스팬 태그가있을 수있는 경우도 있습니다.

<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"이되기를 원합니다. 내가 원하는 것은 자식 태그가없는 앵커 태그 의 순수한 내용입니다 .

그렇다면 순수 자바 스크립트를 사용하여 달성 할 수 있습니까 ?

도와주세요