본문 바로가기
HTML5

자바스크립트 innerHTML 활용

by IT History 2021. 6. 28.
728x90
반응형

●innerHTML=""

 - HTML 요소에 접근하여[ Name ] 을[ 홍길동 ]으로 바꿔 출력하게 만들려면 이 속성을 사용해야 한다.

 - HTML 요소에 접근하려면 document.getElementByID 메서드를 함께 사용한다.

 

<html>

<input type="button" id="button1" onclick="button1_click();" value="홍길동으로 변경" />
<input type="button" id="button1" onclick="button2_click();" value="Name 으로 변경" />

<table>

<tr>

<td><p p id='name' style='color: blue;'>Name</p></td>

</tr>

</table>

<script>

function button1_click() {

var name = document.getElementById("name");

     name.innerHTML = "홍길동";

}
  
function button2_click() {

var name = document.getElementById("name");

     name.innerHTML = "Name";

}

</script>

</html>

Name

728x90
반응형

댓글