点击的是第几个子元素?

<div id="P" onclick="clk(this)">
   <div>aaa</div>
   <div>sss</div>
   <div>ddg</div>
   <div>ffg</div>
   <div>ggg</div>
</div>
<script language="JavaScript">
<!--
function clk(divp){
  var e = window.event;
  obj = e.srcElement;
  for(var i=0;;i++)
    if(divp.children[i] == obj){
      alert("第"+(i+1)+"个元素");
      return;
    }
}
//-->
</script>我要把有限的生命投入到无限的为人民回贴事业中去!
谁会申请域名?帮我申请一个,最好是www.meixx.com/net/org,不要二级和三级的!
还有好的免费空间,谁知道?帮忙啊!

解决方案 »

  1.   

    如果有几千个子元素怎么办？没有类似rowIndex的属性吗?
      

  2.   

    给里面的DIV加上ID属性，属性的值是需要，不就可以得到了吗？
      

  3.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html>
    <head>
    <title>Untitled</title>
    <script language="JavaScript">
    <!--
    function clk(divp){
    var e = window.event;
    obj = e.srcElement;
    alert(obj.id);
    }
    //-->
    </script>
    </head><body>
    <div id="P" onclick="clk(this)">
    <div id="1">aaa</div>
    <div id="2">sss</div>
    <div id="3">ddg</div>
    <div id="4">ffg</div>
    <div id="5">ggg</div>
    </div>
    </body>
    </html>
      

  4.   

    那你可以用sourceIndex来做，根据第一个和点击的那个的sourceIndex差来计算是点的哪个
      

  5.   

    或者，你把DIV嵌套在TABLE里面，不就可以用rowindex了吗？
      

  6.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html>
    <head>
    <title>Untitled</title>
    <script language="JavaScript">
    <!--
    function clk(divp){
    var e = window.event;
    obj = e.srcElement;
    alert(obj.sourceIndex - document.all.P.sourceIndex);
    }
    //-->
    </script>
    </head><body>
    <div id="P" onclick="clk(this)">
    <div>aaa</div>
    <div>sss</div>
    <div>ddg</div>
    <div>ffg</div>
    <div>ggg</div>
    </div>
    </body>
    </html>