有一table，当我点击任一td时，如何获知当前点击的是第几个td?

<td onclick="alert('行：'+event.srcElement.parentElement.rowIndex+"。列："+event.srcELement.cellIndex);">

解决方案 »

  1.   

    <TABLE id=tb WIDTH=75% BORDER=1 CELLSPACING=1 CELLPADDING=1 onclick="aaa();">
    <TR><TD>11</TD><TD>12</TD><TD>13</TD><TD>14</TD></TR>
    <TR><TD>21</TD><TD>22</TD><TD>23</TD><TD>24</TD></TR>
    <TR><TD>31</TD><TD>32</TD><TD>33</TD><TD>34</TD></TR>
    <TR><TD>41</TD><TD>42</TD><TD>43</TD><TD>44</TD></TR>
    </TABLE>
    <SCRIPT LANGUAGE=javascript>
    <!--
    function aaa(){
    for(i=0;i<tb.rows.length-1;i++){
    for(j=0;j<tb.rows[0].cells.length-1;j++){
    if(window.event.srcElement==tb.rows[i].cells[j])
    {alert('你点了第：' + (i+1) +'行'+ (j+1) +'列');
    }}}}
    //-->
    </SCRIPT>
      

  2.   

    <table border> 
    <tr><td>Click and look statusBar</td><td>Click and look statusBar</td><td>Click and look statusBar</td></tr> 
    <tr><td>Click and look statusBar</td><td>Click and look statusBar</td><td>Click and look statusBar</td></tr> 
    <tr><td>Click and look statusBar</td><td>Click and look statusBar</td><td>Click and look statusBar</td></tr> 
    <tr><td>Click and look statusBar</td><td>Click and look statusBar</td><td>Click and look statusBar</td></tr> 
    <tr><td>Click and look statusBar</td><td>Click and look statusBar</td><td>Click and look statusBar</td></tr> 
    </table> 
    <script> 
    function document.onclick(){ 
    var e=window.event.srcElement 
    if(e.tagName=="TD"){ 
    window.status="第"+(e.parentElement.rowIndex+1)+"行,第"+(e.cellIndex+1)+"列" 
    } 
    } 
    </script>
      

  3.   

    更正：少了一行一列。
    <TABLE id=tb WIDTH=75% BORDER=1 CELLSPACING=1 CELLPADDING=1 onclick="aaa();">
    <TR><TD>11</TD><TD>12</TD><TD>13</TD><TD>14</TD></TR>
    <TR><TD>21</TD><TD>22</TD><TD>23</TD><TD>24</TD></TR>
    <TR><TD>31</TD><TD>32</TD><TD>33</TD><TD>34</TD></TR>
    <TR><TD>41</TD><TD>42</TD><TD>43</TD><TD>44</TD></TR>
    </TABLE>
    <SCRIPT LANGUAGE=javascript>
    <!--
    function aaa(){
    for(i=0;i<tb.rows.length;i++){
    for(j=0;j<tb.rows[0].cells.length;j++){
    if(window.event.srcElement==tb.rows[i].cells[j])
    {alert('你点了第：' + (i+1) +'行'+ (j+1) +'列');
    }}}}
    //-->
    </SCRIPT>
      

  4.   

    wanghr100(灰豆宝宝.net) 的比较好！
      

  5.   

    <head> 
    <STYLE>
    .a{display:none;}
    .b{display:block;}
    .c{BACKGROUND-COLOR: lightgrey;cursor:hand;}
    </STYLE>
    </head> 
    <table border =1 id="tb"> 
    <tr class="c"><td style="BACKGROUND-COLOR: lightgrey">好友</td></tr>
    <tr class="a"><td>好友</td></tr>
     <tr class="c"><td>陌生人</td></tr>
    <tr class="a"><td>陌生人</td></tr> 
    <tr class="c"><td>黑名单</td></tr>
    <tr class="a"><td>黑名单</td></tr> 
    </table> 
    <script> 
    function document.onclick(){ 
    var e=window.event.srcElement 
    if(e.className="c"){ 
    if(tb.rows(e.parentElement.rowIndex+1).className=="b")
    {tb.rows(e.parentElement.rowIndex+1).className="a"}
    else
    {tb.rows(e.parentElement.rowIndex+1).className="b"}
    }}
    </script>