English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

HTML DOM innerHTML 속성

HTML DOM Element 객체

innerHTML의속성은 요소의 HTML 내용을 설정하거나 반환합니다.

注意:如果<div>,<span>或<noembed>元素的子文本节点包含字符(&),(<)或(>),innerHTML会将这些字符作为HTML实体“&amp; “,”&lt;“ 和“&gt;” 分别。使用textContent속성은 이 텍스트 노드 내용의 원본 복사본을 가져옵니다.

문법:

innerHTML 속성 반환:

element.innerHTML

innerHTML 속성 설정:

element.innerHTML = text
document.getElementById("para").innerHTML = "Hello world";
테스트 보기‹/›

브라우저 호환성

모든 브라우저에서 innerHTML 속성이 완전히 지원됩니다:

속성
innerHTML

속성 값

설명
text지정된 요소의 HTML 내용

기술 세부 사항

반환 값:요소의 HTML 내용을 나타내는 문자열
DOM 버전:DOM 등급1

더 많은 예제

id="para"를 사용하여 <p> 요소의 HTML 내용을 가져옵니다:

var x = document.getElementById("para").innerHTML;
테스트 보기‹/›

문서의 body 속성의 내용을 지우면 문서의 전체 내용을 비우실 수 있습니다:

document.body.innerHTML = "";
테스트 보기‹/›

관련 참조

HTML DOM 참조:HTML DOM textContent 속성

HTML DOM Element 객체