innerText 대 textContent: 크로스 브라우저 텍스트 조작에 사용해야 하는 JavaScript 속성은 무엇입니까?

브라우저 간 TextContent 조작: 'innerText' 대 'textContent'

JavaScript에서 요소 텍스트 콘텐츠 조작은 브라우저에 따라 다릅니다. 'innerText'는 IE에서 완벽하게 작동하지만 Firefox는 다른 동작을 보입니다.

innerText와 textContent

Firefox는 W3C 표준을 준수하며 'textContent'를 사용합니다. 이 속성에는 요소 내의 모든 SCRIPT 태그 콘텐츠가 포함되며, 이는 이를 제외하는 'innerText'와 대조됩니다.

브라우저 호환성

Opera는 'textContent' 지원 외에도 또한 'textContent'처럼 동작하는 'innerText' 버전을 구현합니다. 그러나 Safari 2.x에는 기능이 표시되고 연결된 요소로 제한되는 버그가 있는 'innerText' 구현이 있습니다.

일반 크로스 브라우저 솔루션

브라우저 간 불일치가 있으므로 요구 사항을 정확하게 정의하는 것이 좋습니다. 'textContent' 또는 'innerText'에 의존하는 대신 'innerHTML'에서 태그를 제거하는 것으로 충분할 수 있습니다.

대체 접근 방식

또는 DOM 트리를 재귀적으로 탐색하여 수집합니다. 텍스트 노드는 브라우저 간 텍스트 콘텐츠 조작을 위한 보다 안정적인 방법을 제공합니다.

위 내용은 innerText 대 textContent: 크로스 브라우저 텍스트 조작에 사용해야 하는 JavaScript 속성은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!