innerHTML 속성, externalHTML 속성, textContent 속성 및 innerText attribute_javascript 기술의 차이점에 대한 자세한 설명

innerHTML 속성은 노드 내에서 HTML 코드를 읽거나 설정하는 데 사용됩니다.

outerHTML 속성을 사용하여 HTML 코드를 읽거나 설정하는 경우 노드 자체가 포함됩니다.

textContent 속성은 노드에 포함된 텍스트 콘텐츠를 읽거나 설정하는 데 사용됩니다.

innerText 속성과 externalText 속성은 요소 노드의 텍스트 내용을 읽을 때 다른 값을 얻습니다. 둘 사이의 차이점은 노드의 텍스트 속성을 설정할 때 externalText 속성으로 인해 원래 요소 노드가 텍스트 노드로 대체된다는 것입니다. innerText는 비표준 속성이며 Firefox에서는 지원되지 않습니다.

1.innerText는 CSS의 영향을 받지만 textcontent에는 이 문제가 없습니다. 예를 들어 CSS 규칙이 특정 텍스트를 숨기는 경우 innerText는 이 텍스트를 반환하지 않지만 textcontent는 계속 반환됩니다.

2. innerText에서 반환된 텍스트는 공백, 줄바꿈 및 Enter 키를 필터링하지만 텍스트 콘텐츠는 필터링하지 않습니다.

3. innerText 속성은 DOM 표준의 일부가 아닙니다. Firefox 브라우저는 이 속성을 배포하지도 않지만 textcontent는 DOM 표준의 일부입니다.

이상은 이 글의 전체 내용입니다. 모든 분들이 자바스크립트를 배우고 익숙해지는데 도움이 되었으면 좋겠습니다.