#02 textContent와 innerText 차이점

javascript 문법도 잘 모르고.. 공부를 안하다보니 까먹어서

javascript를 공부하고 있었다.

 

 

 

근데 응?? textContent?

innerText과의 차이점이뭐지?

 

 

 

나도몰랑ㅋ 그래서 구글링을 해보다 알게되었다.

쉽게 설명하자면..

 

 

 

textContent와 innerText는 element.textContent < 이런식으로 쓰인다. ok?

 

 

 

--------------------------------------------------------

소스

 

<p> 나는  개똥  벌레  </p>

① var example = document.querySelector('p').innerText;

② var example2 = document.querySelector('p').textContent;

 

--------------------------------------------------------

결과

 

①나는 개똥 벌레

②나는  개똥  벌레  

--------------------------------------------------------

 

 

 

ㅇㅎ ~ textContent는 그냥 띄어쓰기까지 다 나오게 해주는 애임ㅎㅎ

근데 인터넷 익스플로어에서만 저렇게 나타나고

크롬 버전에서는 결과가 동일하게 나온다네용ㅋ

 

 

 

 

 

 

출처> https://webisfree.com/2020-03-07/[%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8]-textcontent-%EA%B7%B8%EB%A6%AC%EA%B3%A0-innertext-%EC%B0%A8%EC%9D%B4%EC%A0%90-%EC%95%8C%EC%95%84%EB%B3%B4%EA%B8%B0