예, 자바스크립트에서 HTML의 내용을 변경할 수 있습니다. 일반적으로 HTML 콘텐츠는
, 등과 같은 HTML 태그에 있습니다. 자바스크립트에는 DOM 메서드가 있습니다. HTML 태그에 액세스할 수 있는 기능이 있습니다. document.getElementById(), document.getElementByTagName() 등과 같은 메서드는 태그를 사용하여 HTML 콘텐츠를 변경합니다.
예시-1
다음 예에서는 javascript DOM 메서드 document.getElementById()를 사용하여 span 태그의 콘텐츠가 변경됩니다. .
<html>
<body>
<span id="change">Is javaScript is java.</span>
<input type = "button" value = "change"
onclick='document.getElementById("change").innerHTML = "No JavaScript is not java!"'>
</body>
</html> 위의 코드가 실행되면 화면에 다음이 표시됩니다.
위의 '변경' 버튼을 클릭하면 다음이 출력됩니다.
출력
예시-2
다음 예에서는 단락 태그의 콘텐츠가 자바스크립트 DOM 메서드를 사용하여 변경됩니다.
<html>
<body>
<p id="change">Elon musk has failed 3 times</p>
<input type = "button" value = "change"
onclick='document.getElementById("change").innerHTML = "Elon musk has succeded in his fourth attempt"'>
</body>
</html> 위의 코드가 실행되면 화면에 다음이 표시됩니다.
위의 '변경' 버튼을 클릭하면 다음이 출력됩니다.
출력
