<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>移入移出特效</title>
</head>
<body>
<div id="sid">
<h1 id="a">0001</h1>
<h1 id="b">0002</h1>
<h1 id="c">0003</h1>
<h1 id="d">0004</h1>
</div>
</body>
<script>
var h1obj = document.getElementsByTagName('h1');
for(i=0;i<h1obj.length;i++){
h1obj[i].onmouseenter = function(){
this.style.background = '#ccc';
}
h1obj[i].onmouseleave = function(){
this.style.background = '#fff';
}
}
</script>
</html>
按照程序执行步骤，当页面加载完后for循环也执行完毕了。那为什么最后我把鼠标移动到id="a"的标签上时 h1obj[i].onmouseenter还会被执行？？而且为什么程序就会确定我触发的就是 h1obj[0].onmouseenter??按理说for循环不是在页面被加载完的时候就已经执行结束
了吗？？
哈士奇WWW
相关分类