메뉴 건너뛰기
여기에 파일을 끌어 놓거나 파일 첨부 버튼을 클릭하세요.
파일 크기 제한 : 0MB (허용 확장자 : *.*)
파일 업로드 중... (0%)
브라우저를 닫더라도 로그인이 계속 유지될 수 있습니다.로그인 유지 기능을 사용할 경우 다음 접속부터는 로그인할 필요가 없습니다.단, 게임방, 학교 등 공공장소에서 이용 시 개인정보가 유출될 수 있으니 꼭 로그아웃을 해주세요.
모든 태그는 위에서 아래 방향으로, 좌에서 우 방향으로 처리가 됩니다.
아래와 같이 <body> 태그가 구성되어 있다고 생각해봅시다.
<body>
<script>
var test = document.getElementById("test");
test.style.backgroundColor = "blue";
</script>
<div id="test">
Test
</div>
</body>
이 경우 <script> 태그 내부에서 찾고자 하는 태그인 <div>태그가 <script> 태그보다 나중에 등장하므로 ,
document.getElementById("test")는 null을 반환하게 되고 <div> 태그의 배경색은 변하지 않습니다.
이때 순서를 반대로 해서
<body>
<div id="test">
Test
</div>
<script>
var test = document.getElementById("test");
test.style.backgroundColor = "blue";
</script>
</body>
와 같이 작성하게 되면, <div> 태그의 배경색이 정상적으로 바뀌는 것을 확인할 수 있습니다. ^^