[DOM_Element] JS - innerHTML 속성 ★ - 요소내용 설정/반환 (= innerHTML속성 = 이너에이치티엠엘속성) ※ HTML쓰기속성

innerHTML 예제

 

<p id="demo">세상에서 가장 좋은 홈페이지?</p>

 

<button onclick="homzzang()">클릭</button>

 

<script>

function homzzang() {

  document.getElementById("demo").innerHTML = "홈짱닷컴 Homzzang.com";

}

</script>

 

결과보기

innerHTML 예제

 

<a id="hz" href="https://sir.kr">그누보드</a>

<button onclick="homzzang()">클릭</button>

 

<script>

function homzzang() {

  document.getElementById("hz").innerHTML = "홈짱닷컴";

  document.getElementById("hz").href = "https://homzzang.com";

  document.getElementById("hz").target = "_blank";

}

</script>

 

결과보기