HTML 요소에 내용입력 (= 출력흐름 변경 가능) HTML 요소의 내용변경 HTML 요소의 속성값변경 (= 속성값입력)
<!DOCTYPE html> <html> <body> <h1>홈짱닷컴</h1> <script> document.write(Date()); </script> <p>Homzzang.com</p> </body> </html> 결과보기
<!DOCTYPE html>
<html>
<body>
<h1>홈짱닷컴</h1>
<script>
document.write(Date());
</script>
<p>Homzzang.com</p>
</body>
</html>
결과보기
※ 새로고침할 때마다 현재시간으로 바뀜.
※ 문서 로드 완료 후 document.write() 사용하면, 페이지 내용 바뀌니 주의 !!
<h1 id="site">홈짱닷컴</h1> <script> var host = document.getElementById("site"); host.innerHTML = "Homzzang.com"; </script> 결과보기
<h1 id="site">홈짱닷컴</h1>
var host = document.getElementById("site");
host.innerHTML = "Homzzang.com";
<img id="logo" src="hz.gif" width="160" height="120"> <script> document.getElementById("logo").src = "homzzang.jpg"; </script> 결과보기
<img id="logo" src="hz.gif" width="160" height="120">
document.getElementById("logo").src = "homzzang.jpg";