DOM0級(jí)事件處理
<!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>
代碼跟老師寫(xiě)的一模一樣還報(bào)這個(gè)錯(cuò)誤 ，這是為什么 Uncaught TypeError: Cannot set property 'onclick' of null
2017-08-30
你將js寫(xiě)在body前面會(huì)導(dǎo)致 ? ?btn還沒(méi)有生成的時(shí)候 ? js就調(diào)用了 ? 這時(shí)候找不到BTN對(duì)象 ?就報(bào)錯(cuò)了 ? 將js放到body后面書(shū)寫(xiě)即可
<!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