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

目标节点的获取疑点

2012-10-05 
目标节点的获取疑问?问题一:只能用class下面两个class是一样的,给他们设置点击事件,请问,我怎么知道,我点

目标节点的获取疑问?
问题一:
只能用class
下面两个class是一样的,给他们设置点击事件,
请问,我怎么知道,我点击的是哪个?
<div class="t" style="width:100px; height:100px; background-color:#000; float:left;"></div>
<div class="t" style="width:100px; height:100px; background-color:#fff; float:left;"></div>

问题二:
我给下面的li,添加点击事件,
我怎么知道,我点击的是哪个li标签
<ul class="t">
<li style="width:100px; height:100px; background-color:#000; float:left;"></li>
<li style="width:100px; height:100px; background-color:#bf0000; float:left;"></li>
<li style="width:100px; height:100px; background-color:#fc0; float:left;"></li>
</ul>

请大虾们,指点指点哈

[解决办法]

HTML code
<ul class="t">    <li style="width:100px; height:100px; background-color:#000; float:left;"></li>    <li style="width:100px; height:100px; background-color:#bf0000; float:left;"></li>    <li style="width:100px; height:100px; background-color:#fc0; float:left;"></li></ul><script type="text/javascript">//这两个问题其实是同一个问题,如果不想使用上面的this方法,可以考虑闭包    var li=document.getElementsByTagName("li");    for(var i=0;i<li.length;i++)    {        (function(n){            li[n].onclick=function(){                alert(n);            }        })(i)    }</script> 

热点排行