当前位置：首页 → 问答吧 → 新手提问,请问如何获取当前点击事件标签的位置?????

新手提问,请问如何获取当前点击事件标签的位置?????

时间：2010-05-25

来源：互联网

<ul id ="xxx">
  <li></li>
  <li></li>
  <li></li>
  <li></li>
</ul>

      xxx.onclick = function(e){
         e=e||window.event;
         var target=e.target||e.srcElement;
         if (target.tagName == "LI"){
            弹出这个LI的所在位置，如果是第二个就弹出2
         }
      }

作者: majia008 发布时间: 2010-05-25

我觉得思路应该就是xxx.getElementsByTagName("li")获得所有li元素，然后与事件中的target进行比较，相等的话取得相应下标就好了吧。。不过还是jQuery方便..吧..

作者: aolu11 发布时间: 2010-05-25

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> </head> <body> <ul id ="xxx"> <li>12333333333333333</li> <li>qweeeeeeeeeeeeee</li> <li>qweeeeeeeeee</li> <li>qweeeeeeeeee</li> </ul> <script type="text/javascript"> var ul = document.getElementById("xxx"); var lis = ul.getElementsByTagName("li"); for (var li=0;li<lis.length;li++){ lis[li].onclick = function(cindex){ return function(){ alert(cindex); } }(li); } </script> </body> </html>
提示：您可以先修改部分代码再运行

作者: baishui 发布时间: 2010-05-26

引用:

原帖由 baishui 于 2010-5-26 11:44 发表
[html]

无标题文档

  12333333333333333
  qweeeeeeeeeeeeee
  qweeeeeeeeee
  qweeeeeeeeee

var ul = document.getElementById("xxx");
var lis = ul.getElementsByTagName("li");
for ...

请问代码中最后的li 是做什么的

作者: sggtong 发布时间: 2010-05-26