JS中addEventListener不能用的問題
<head>
</head>
<body>
<div id="name3" style="border:1px solid red;padding:10px 10px 10px 10px;" style="border:1px solid red;padding:10px 10px 10px 10px;">
<div id="name2" style="border:1px solid green;padding:10px 10px 10px 10px;" style="border:1px solid green;padding:10px 10px 10px 10px;">點選</div>
</div>
<div id="info"></div>
<script type="text/javascript"><!--
var name3=document.getElementById('name3'); //要注意
var name2=document.getElementById('name2'); //要注意
var info=document.getElementById('info');
name3.addEventListener('click',function () { info.innerHTML += "紅色" + "<br>"; },false);
name2.addEventListener('click',function () { info.innerHTML += "綠色" + "<br>"; },false);
// --></script>
</body>
</html>
以上程式碼是能用的，但是換了JS程式碼和Div的位置後，就不能用了
<html>
<head>
</head>
<body>
<script type="text/javascript"><!--
var name3=document.getElementById('name3'); //要注意
var name2=document.getElementById('name2'); //要注意
var info=document.getElementById('info');
name3.addEventListener('click',function () { info.innerHTML += "紅色" + "<br>"; },false);
name2.addEventListener('click',function () { info.innerHTML += "綠色" + "<br>"; },false);
// --></script>
<div id="name3" style="border:1px solid red;padding:10px 10px 10px 10px;" style="border:1px solid red;padding:10px 10px 10px 10px;">
<div id="name2" style="border:1px solid green;padding:10px 10px 10px 10px;" style="border:1px solid green;padding:10px 10px 10px 10px;">點選</div>
</div>
<div id="info"></div>
</body>
</html>