DOM0級事件處理
<!DOCTYPE html>
<html>
<head>
<title>button</title>
</head>
<script>
? ? var bt = document.getElementById('btn');
? ? bt.onclick = function(){
? ? ? alert('hhh');
? ? }
</script>
<body>
<div>
<input type="button" value="aaa" id="btn" >
</div>
</body>
</html>
代碼跟老師寫的一模一樣還報這個錯誤 ,這是為什么 Uncaught TypeError: Cannot set property 'onclick' of null
2017-08-30
你將js寫在body前面會導致 ? ?btn還沒有生成的時候 ? js就調用了 ? 這時候找不到BTN對象 ?就報錯了 ? 將js放到body后面書寫即可
<!DOCTYPE html>
<html>
<head>
<title>button</title>
</head>
<body>
<div>
<input type="button" value="aaa" id="btn" />
</div>
</body>
<script>
? ? var bt = document.getElementById('btn');
? ? bt.onclick = function(){
? ? ? alert('hhh');
? ? }
</script>
</html>
2017-08-24