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