HTML DOM innerText 속성

HTML DOM Element 객체

innerText속성을 설정하거나 반환하는 속성。

innerText 속성은 html 문서에 동적 텍스트를 쓰는 데 사용될 수 있습니다. 여기서 텍스트는 html 텍스트로 해석되지 않으며, 보통 텍스트로 처리됩니다。

innerText 속성을 설정하면 모든 자식 노드가 제거되고, 지정된 문자열을 포함하는 단일 텍스트 노드로 대체됩니다.

이 속성은textContent속성을 사용하십시오. 하지만 textContent는 모든 요소의 텍스트 내용을 반환하며, innerText는 <script>과 <style> 요소를 제외한 모든 요소의 내용을 반환합니다。

요소의 HTML 내용을 설정하거나 반환하려면innerHTML속성。

문법：

텍스트 내용 반환：

HTMLElement.innerText

텍스트 내용 설정：

HTMLElement.innerText = text

document.getElementById("para").innerText = "Hello world";

브라우저 호환성

표에서의 숫자는 innerText 속성을 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다：

속성 값

기술 세부 사항

更多实例

이 예제는 innerText, innerHTML 및 textContent 간의 차이를 보여줍니다：

<p id="x">이 요소는 추가적인 간격을 가지고 있으며 <span>span</span> 요소를 포함하고 있습니다</span>.</p>
<script>
function getInnerText() {
alert(document.getElementById("x").innerText);
}
function getInnerHTML() {
alert(document.getElementById("x").innerHTML);
}
function getTextContent() {
alert(document.getElementById("x").textContent);
}
</script>

innerText 속성은 공백과 내부 요소 태그를 포함하지 않는 텍스트만 반환합니다.

innerHTML 속성은 공백과 내부 요소 태그가 포함된 텍스트를 반환합니다.

textContent 속성은 간격이 포함된 텍스트를 반환하지만, 내부 요소 태그는 포함하지 않습니다.

관련 참조

HTML DOM 참조:HTML DOM innerHTML 속성

HTML DOM 참조:HTML DOM textContent 속성

HTML DOM Element 객체