HTML DOM Element outerHTML 속성

정의 및 사용법

outerHTML 속성 설정 또는 반환, 속성, 시작 태그 및 종료 태그를 포함한 HTML 요소.

인스턴스

예제 1

첫 번째 h2 요소 및 내용을 변경하세요:

document.getElementsByTagName("h2")[0] = "<h3>Changed!</h3>";

개인적으로 시도해 보세요

예제 2

제목으로 요소를 대체하세요:

element.outerHTML = "<h2>This is a h2 element</h2>";

개인적으로 시도해 보세요

예제 3

<h1> 요소의 외부 HTML 출력:

let html = document.getElementsByTagName("h1")[0].outerHTML;
alert(html);

개인적으로 시도해 보세요

예제 4

<ul> 요소의 외부 HTML 출력:

let html = document.getElementsByTagName("ul")[0].outerHTML;
alert(html);

개인적으로 시도해 보세요

문법

outerHTML 속성 반환:

element.outerHTML

outerHTML 속성 설정:

element.outerHTML = text

속성 값

값 설명
text 새로운 HTML 내용.

반환 값

타입 설명
문자열 요소의 HTML 내용, 속성, 시작 태그 및 종료 태그를 포함합니다.

브라우저 지원

모든 브라우저에서 지원됨 element.outerHTML：

크롬 IE 에지 파이어폭스 사파리 오페라
크롬 IE 에지 파이어폭스 사파리 오페라
지원 지원 지원 지원 지원 지원