innerHTML
Coddy의 JavaScript DOM 메서드 코스 레슨 — 13개 중 11번째.
innerHTML 속성은 요소 내의 전체 HTML 콘텐츠(자식 요소 포함)를 설정하거나 가져옵니다. 이는 웹 페이지 섹션의 콘텐츠를 동적으로 업데이트하는 데 유용합니다.
element.innerHTML = "<b>Example Text !!</b>";
챌린지
쉬움ID가 content인 div를 포함하는 HTML 코드가 주어집니다.
JavaScript만을 사용하여, 이 div 요소의 내용을 변경하세요:
getElementById함수를 사용하여 div 요소를 가져옵니다.- HTML 내용을
"<b>Updated Content</b>"로 설정합니다.
직접 해보기
<!DOCTYPE html>
<html>
<body>
<div id="content">Original Content</div>
<script src="script.js"></script>
</body>
</html>