首頁 > 開發者 > JavaScript
1.這是Mr.Lodar的方法：
XML/HTML代碼
<!DOCTYPE html PUBLIC ”-//W3C//DTD XHTML 1.0 Transitional//EN” ”http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=“http://www.w3.org/1999/xhtml” >
<head>
<title>Untitled Page</title>
</head>
<body>
<ul id=“list”>
<li>第1條記錄</li>
<li>第2條記錄</li>
<li>第3條記錄</li>
<li>第4條記錄</li>
<li>第5條記錄</li>
<li>第6條記錄</li>
</ul>
<script type=“text/javascript”>
var list_obj = document.getElementById(“list”).getElementsByTagName(“li”); //擷取list下面的所有li的對象數組
for (var i = 0; i <= list_obj.length; i++) {
list_obj[i].onmousemove = function() {
this.style.backgroundColor = “#cdcdcd”;
}
list_obj[i].onmouseout = function() {
this.style.backgroundColor = “#FFFFFF”;
}
list_obj[i].onclick = new function(n) {
return function(){alert(“這是第” +(n+1)+”條記錄”);}
}(i);
}
</script>
</body>
</html>
2.這是freecat 的方法：
freecat Publish at 2008-10-14 17:15:35
這樣更好，閉包是難，但不是你想象那樣
JavaScript代碼
<script type=“text/javascript”>
var list_obj = document.getElementById(“list”).getElementsByTagName(“li”); //擷取list下面的所有li的對象數組
for (var i = 0; i <= list_obj.length; i++) {
(function(){
var p = i
list_obj[i].onmousemove = function() {
this.style.backgroundColor = “#cdcdcd”;
}
list_obj[i].onmouseout = function() {
this.style.backgroundColor = “#FFFFFF”;
}
list_obj[i].onclick = function() {
alert(“這是第” + p + “記錄”);
}
})()
}
</script>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
