>웹 프론트엔드 >JS 튜토리얼 >innerText와 textContent_javascript 스킬 비교 및 ​​사용법 소개

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

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB원래의
2016-05-16 17:41:221203검색

오늘 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)
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.