web공부
innerHTML _ property
xxo_ohii
2022. 3. 13. 22:41
728x90
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>JavaScript Output</title>
</head>
<body>
<h1>HTML DOM 요소를 이용한 innerHTML 프로퍼티</h1>
<p id="text">바꾸기전 문장 !</p>
<script>
var str = document.getElementById("text");
str.innerHTML = "바꾸기 후 문장!";
</script>
</body>
</html>
document 객체의 getElementByID()나 getElementsByTagName() 등의 메소드를 사용하여 HTML 요소를 선택한다.
그리고
innerHTML 프로퍼티를 이용하면 선택된 HTML 요소의 내용(content)이나 속성(attribute)값 등을 손쉽게 변경할 수 있다.
728x90