간단하게 텍스트만 바꾸려는 건데 계속 에러가 나서 여쭤봅니다. HTML 구조는 대충 이래요.
<head>
<script>
document.getElementById('app').textContent = 'hi'
</script>
</head>
<body>
<div id="app"></div>
</body>
실행하면 콘솔에 이런 에러가 찍힙니다.
TypeError: Cannot set properties of null (setting 'textContent')
분명 body에 id가 app인 div 만들어놨거든요. 근데 getElementById가 null을 돌려줘요. 오타도 몇 번을 확인했는데 아니었고요. 스크립트를 head에 둬서 그런가 싶기도 한데 정확한 이유를 모르겠습니다. 왜 있는 요소를 못 찾는지, 그리고 어디에 스크립트를 둬야 제대로 잡히는지 알려주세요.