2026년 상식닷컴 선정 식당 & 카페 리스트
최근에 오픈한 호텔을 찾는다면 살펴보세요

outerHTML

작성: sangseek | 게시 날짜: 2025/02/01 | 조회수: 45
[ 편집불가 ]
`outerHTML`은 HTML DOM (Document Object Model)에서 사용하는 프로퍼티로, 특정 요소의 HTML을 문자열 형태로 반환하거나, 해당 요소를 다른 HTML로 교체하는 데 사용됩니다. `outerHTML`을 사용하면 선택한 요소 뿐만 아니라 그 요소의 모든 자식 요소와 내용을 포함한 전체 HTML 코드가 반환됩니다. 예를 들어, `

Hello

`라는 요소에 대해 `outerHTML`을 호출하면 `

Hello

`라는 문자열이 반환됩니다. 또한, `outerHTML` 프로퍼티에 새로운 HTML 문자열을 할당하면 기존 요소가 해당 문자열로 교체됩니다. 이는 DOM을 동적으로 수정하는 데 유용합니다. 예를 들어, 다음과 같이 사용할 수 있습니다: ```javascript // 요소 선택 var element = document.getElementById('myElement'); // outerHTML 가져오기 var html = element.outerHTML; // outerHTML 수정 element.outerHTML = '
New Content
'; ``` 이렇게 하면 기존 요소가 새로운 HTML로 교체됩니다.
내용이 부정확하다면 싫어요를 누르세요.