● document.getElementById().innerHTML > SCRIPT

• 목록

<script>

function change(){

var p = document.getElementById("firstP");

p.innerHTML = "나의 <img src='puppy.png'> 강아지";

}

</script>

<h3>innerHTML 프로퍼티 이용</h3>

<hr>

<p id="firstP" style="color:blue" onclick="change()">

여기에 <span style="cursor:pointer">클릭하세요</span>

</p>

==== tip ====

innerHTML 프로퍼티는 시작.종료 태그 사이에 들어있는 HTML 컨텐츠를 나타내는 문자열 정보이다.