首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

大家来看看这个有意思的事情,该怎么解决

2012-02-09 
大家来看看这个有意思的事情我把问题简化一下:想点击id为d1则显示1,点击id为d2则显示2..依次类推。下面的代

大家来看看这个有意思的事情
我把问题简化一下:
想点击id为d1则显示1,点击id为d2则显示2..依次类推。
下面的代码,大家一看就知道不行,因i一直加,所以点哪个都是显示的“6”,谁来解决下。。。(不可能给每个ID都写一个吧~)
 
  <div   id= "d1 "> d1 </div>
  <div   id= "d2 "> d2 </div>
  <div   id= "d3 "> d3 </div>
  <div   id= "d4 "> d4 </div>
  <div   id= "d5 "> d5 </div>

<script   type= "text/javascript "   language= "javascript ">
<!--
for   (var   i=1;i <=5;i++   )
{
document.getElementById( "d "+i).onclick=function(){
alert(i);
};
}
//-->
</script>

[解决办法]
<script type= "text/javascript " language= "javascript ">
<!--
for (var i=1;i <=5;i++ )
{
document.getElementById( "d "+i).attachEvent( "onclick ", "click ");
}

function click(){alert(event.srcElement.id}


//-->
</script>

[解决办法]
document.getElementById( "d "+i).onclick= (function(id){ return function(){alert(id); }})(i);

[解决办法]
document.getElementById( "d "+i).onclick=new Function( "alert( "+i+ ") ");

热点排行