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