JS 코드 오류: 들 키 지 않 은 타 입 오류: null 의 property 'onclick' 을 설정 할 수 없습니다.

JS 코드 의 바 인 딩 이 벤트 를 쓸 때 (JS 와 HTML 탭 을 분리 할 때) 다음 과 같은 오류 알림 이 있 습 니 다.
Uncaught TypeError: Cannot set property 'onclick' of null
코드 는 다음 과 같 습 니 다:



	
		
		
		<script>
			document.getElementById("btn").onclick=function(){
				document.getElementById("p1").innerHTML="   ！";
			}
		</script>
	
	
		<p id="p1">     ，         ！</p>
		<input type="button" id="btn" value="click me!"/>
	

</code></pre> 
  <p>          </p> 
  <p>1. JS    <input/>    </p> 
  <p>2.      ：</p> 
  <pre><code>

	
		<meta charset="UTF-8"/>
		<title/>
		<script>
			window.onload=function(){
			document.getElementById("btn").onclick=function(){
				document.getElementById("p1").innerHTML="   ！";
			}				
			}

		</script>
	
	
		<p id="p1">     ，         ！</p>
		<input type="button" id="btn" value="click me!"/>
	

</code></pre> 
  <p><span style="color:#f33b45;">                            ，    html dom        ，   js   ，                ，  js         ！</span></p> 
 </div> 
</div>
                            </div>
                        </div>

JS 코드 오류: 들 키 지 않 은 타 입 오류: null 의 property 'onclick' 을 설정 할 수 없습니다.

좋은 웹페이지 즐겨찾기