点击行中的图片确定该行是table中的第几行(在线等)

点击table中的某一行的第一列中的图片.返回该行在table中是第几行(不刷新)

解决方案 »

  1.   

    <table style="width: 470px;border:1px">
            <tr line="1" >
                <td>
                    <img src=""onclick="alert(event.srcElement.parentElement.parentElement.line);";/>
                </td>
                <td>
                </td>
                <td>
                </td>
            </tr>
            <tr line="2">
                <td>
                   <img src=""onclick="alert(event.srcElement.parentElement.parentElement.line);";/>
                </td>
                <td>
                </td>
                <td>
                </td>
            </tr>
            <tr line="3">
                <td >
                    <img src=""onclick="alert(event.srcElement.parentElement.parentElement.line);";/>
                </td>
                <td>
                </td>
                <td>
                </td>
            </tr>
        </table>
      

  2.   

    改进一下：        <table style="width: 470px;border:1px">
            <tr line="1" >
                <td>
                    <img src=""/>
                </td>
            </tr>
            <tr line="2">
                <td>
                   <img src="";/>
                </td>
            </tr>
            <tr line="3">
                <td>
                    <img src=""/>
                </td>
            </tr>
        </table></body>
    </html>
    <SCRIPT language="javascript" event="onclick" for="document">
    <!--
    if(event.srcElement.parentElement.tagName=="TD")
    {
    alert(event.srcElement.parentElement.parentElement.line);
    }//-->
    </SCRIPT>
      

  3.   

    <table  border=1 id="box">
            <tr>
                <td>
                   11
                </td>            <td>
                  12
                </td>            <td>
                 13
                </td>
            </tr>
            <tr>
                <td>
                   21
                </td>            <td>
                  22
                </td>            <td>
                  23
                </td>
            </tr>
            <tr >
                <td>
                 31
                </td>            <td>
                 32
                </td>            <td>
                   33
                </td>
            </tr>
            <tr line="1" >
                <td>
                  41
                </td>            <td>
                  42
                </td>            <td>
                   43
                </td>
            </tr>    </table></body>
    </html>
    <SCRIPT language="javascript" event="onclick" for="document">
    <!--
    if(event.srcElement.tagName=="TD")
    { for(var i=0; i<window.box.rows.length;i++)
    {
    //



    for(var j=0; j<window.box.rows[i].cells.length;j++)
    {
    if(event.srcElement==box.rows[i].cells[j])
    {
    // alert(box.rows[i].cells[j].innerHTML);
    alert("这是第"+(i+1)+"行,第"+(j+1)+"列"); }

    }
    }

    }
    //-->
    </SCRIPT>
      

  4.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <META http_equiv="content-type" CONTENT="text/html;charset=gb2312">
    </HEAD><BODY>
    <script>
    function getRow(obj){
    var cnt = obj.parentNode.parentNode.rowIndex;
    document.getElementsByName("result")[0].value = "row "+cnt.toString();
    }
    </script>
    <table style="width: 470px;border:1px">
            <tr>
                <td>
                    <img src="http://community.csdn.net/Expert/images/rss.gif" onclick="getRow(this);"/>
                </td>
            </tr>
            <tr>
                <td>
                   <img src="http://community.csdn.net/Expert/images/rss.gif" onclick="getRow(this);"/>
                </td>
            </tr>
            <tr line="3">
                <td >
                    <img src="http://community.csdn.net/Expert/images/rss.gif" onclick="getRow(this);"/>
                </td>
            </tr>
        </table>
    <input type="text" readonly name="result" value="" />
    </BODY>
    </HTML>