HTML5
자바스크립트 innerHTML 활용
IT History
2021. 6. 28. 10:40
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
반응형