<script>
function $(obj){return document.getElementById(obj);}
function show(){
var listObj = document.createElement("dl")
listObj.id="b";
$('a').appendChild(listObj);
for (var i=0;i <10;i++){
listObj1 = document.createElement("dd")
listObj1.id="b"+i;
listObj1.attachEvent("onmouseup",(function(x){return function(){alert(x)}})(i));
listObj1.innerHTML = i;
$('a').appendChild(listObj1);
}
}
</script>
<div id=a> <script>show(); </script> </div>

解决方案 »

  1.   

    listObj1.attachEvent("onmouseup",function(b){return function(){alert(b)}}(i)); 
      

  2.   


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE>
      <META NAME="Generator" CONTENT="EditPlus">
      <META NAME="Author" CONTENT="">
      <META NAME="Keywords" CONTENT="">
      <META NAME="Description" CONTENT="">
      <script> 
    function $(obj){return document.getElementById(obj);} 
    function show(){ 
    var listObj = document.createElement("dl") 
    listObj.id="b"; 
    $('a').appendChild(listObj); 
    for (var i=0;i <10;i++){ 
    listObj1 = document.createElement("dd") 
    listObj1.id="b"+i; 
    listObj1.attachEvent("onmouseup",new Function("abc('"+i+"')"));; 
    listObj1.innerHTML = i; 
    $('a').appendChild(listObj1); 


    function abc(i){
    alert(i);
    }
    </script>
     </HEAD> <BODY>
      <div id=a> <script>show(); </script> </div>
     </BODY>
    </HTML>