[JavaScript] innerHTML, innerText, textContent 차이점


[JavaScript] innerHTML, innerText, textContent 차이점

공통점 텍스트값을 읽어오고 설정할 수 있다. 차이점 1. textContent textContent는 식별자 노드의 내부 콘텐츠를 text/plain으로 파싱(Parsing)한 결과이다.

즉, 해당 노드가 가지고 있는 텍스트 값을 그대로 읽기 때문에 다른 프로퍼티들에 비해 파싱이 빠르다. IE 엔진에 적합하게 만들어졌기 때문에 해당 환경에서 성능이 더 좋다.

"만나서 반갑습니다." 로 입력되어있을 때, 연속되는 공백이 그대로 처리되어 보여진다. 2. innerTEXT innerText 프로퍼티의 값은 text/plain으로 파싱한 결과이다.

해당 Element 내에서 사용자에게 보여지는 텍스트 값을 읽어온다. 때문에 원시텍스트가 최종적으로 렌더링 된 모습이 된다.

"만나서 반갑습니다." 로 입력되어있을 .....


원문링크 : [JavaScript] innerHTML, innerText, textContent 차이점