目标节点的获取疑点
日期：2014-05-16 浏览次数：20339 次
目标节点的获取疑问？
问题一：
只能用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>
请大虾们，指点指点哈
------解决方案--------------------
问题一：
只能用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>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
