innerText와 textContent_javascript 스킬 비교 및 ​​사용법 소개

오늘 innerText를 사용할 때 호환성 문제가 발생했습니다. MDN을 확인한 결과 FireFox에서 textContent라는 비슷한 메서드가 있다는 것을 발견했습니다. 이 메서드는 IE의 innerText와 유사합니다. 요소의 텍스트입니다.

구문
•설정

코드 복사 코드는 다음과 같습니다.

element.textContent = "text";

•

코드 복사 코드는 다음과 같습니다.

var text = element.textContent;

코드 복사 코드는 다음과 같습니다.

참고: textContent는 innerText와 유사하며 동시에 하위 요소의 텍스트 콘텐츠도 가져옵니다.

이것은 a 텍스트입니다!

// div.textContent == "이것은 텍스트입니다!" 🎜>

innerText와의 차이점
•textContent는 `<script>` 및 `<style>` 요소를 포함한 모든 요소의 콘텐츠를 가져옵니다. <BR>•innerText는 가져오지 않습니다. 숨겨진 요소의 콘텐츠, 그러나 textContent는 그렇지 않음</script>•innerText는 리플로우를 트리거하지만 textContent는 그렇지 않음
•innerText 반환 값의 형식은 지정되지만 textContent는 그렇지 않음


주요 브라우저 지원
•IE 9 •Chrome 1
•FireFox(Gecko)