读书人

目标节点的获取疑点

发布时间: 2012-10-05 15:34:34 作者: rapoo

目标节点的获取疑问?
问题一:
只能用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> 

读书人网 >JavaScript

热点推荐