如何能获取table中的一个单元格内容

通过循环显示了很多行
在<tr>使用了了onclick事件，点击某一行的时候获取到当前行的第一个字段
onclick后面要怎么写？
<tr onclick="" onmouseover="this.style.backgroundColor='#9DFFFF'" onmouseout="this.style.backgroundColor='#FFFFFF'">
<td style="white-space:nowrap" width="25" name="pid" id="pid"><%=rs1("pl_ID")%></td>
<td style="white-space:nowrap" width="60"><%=rs1("pl_comName")%></td>

解决方案 »

  1.   

    var tbody = document.getElementById('table的id');
    for(var i = 0;i<tbody.rows.length;i++){
       for(var j= 0;j<tbody.rows[i].cells.length;j++)
         alert(tbody.rows[i].cells[j].innerHTML) //每一行 每个单元格的内容
    }
      

  2.   

    如果要获得第一字段的值的话 两种方法
    function getFirstVal(obj){
      return obj.firstChild.innerHTML //仅对IE好使
    }function getFirstVal(obj){
      return obj.getElementsByTagName('td')[0].innerHTML; //所有浏览器
    }
      

  3.   

    html里
    <tr onclick="getFirstVal(this)" onmouseover="this.style.backgroundColor='#9DFFFF'" onmouseout="this.style.backgroundColor='#FFFFFF'">
      

  4.   

    <!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>
        <title>无标题页</title>
    </head>
    <body><table id="table">
    <tr>
    <td>111111111</td>
    <td>222222222</td>
    <td>333333333</td>
    <td>444444444</td>
    </tr>
    <tr>
    <td>555555555</td>
    <td>666666666</td>
    <td>777777777</td>
    <td>888888888</td>
    </tr>
    </table><script type="text/javascript">
    document.getElementById("table").onclick = function(e)
    {
        e = e || window.event;
        target = e.target || e.srcElement;
        if(target.tagName == "TD")
        {
            var first = target.parentNode.getElementsByTagName("td")[0]
            alert("此行第一列内容为："+first.innerHTML)
        }
    }
    </script></body>
    </html>
      

  5.   


    <!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>
        <title></title>
        <script src="http://code.jquery.com/jquery-1.6.2.min.js" type="text/javascript"></script>
        <script type="text/javascript">
            $(function () {
                $('#table tr').click(function () {
                    var html = $(this).find('td').eq(0).html();
                    alert(html);
                });
            });
        </script>
    </head>
    <body>
    <table id="table">
    <tr>
    <td>1</td>
    <td>2</td>
    </tr>
    <tr>
    <td>3</td>
    <td>4</td>
    </tr>
    </table>
    </body>
    </html>
      

  6.   


    <script type="text/javascript">
    window.onload=function(){
        document.getElementById("table").onclick = function(e)
       {
           e = e || window.event;
           target = e.target || e.srcElement;
           if(target.tagName == "TD")
           {
               var first = target.parentNode.getElementsByTagName("td")[0]
               alert("此行第一列内容为："+first.innerHTML)
           }
       }
    }
    </script>
    <table id="table">
    <tr><td>dddd</td></tr>
    <tr><td>dddd</td></tr>
    <tr><td>dddd</td></tr>
    <tr><td>dddd</td></tr>
    </table>
      

  7.   

    <html>
    <head>    <script type="text/javascript" src="jquery/jquery.js"></script>    <script type="text/javascript">
            function trClick(tr) {
                alert(tr.cells[0].innerHTML);
            }    
        </script></head>
    <body>
      
            &nbsp;<table class="style1">
                <tr onclick='trClick(this)'>
                    <td>
                        1
                    </td>
                    <td>
                        11
                    </td>
                </tr>
                <tr onclick='trClick(this)'>
                    <td>
                        2
                    </td>
                    <td>
                        22
                    </td>
                </tr>
            </table>
       
    </body>
    </html>
      

  8.   


    这是我想要的形式，多谢各位的帮助，虽然有很多看不懂，不过都能实现我希望的效果
    最后我选择了一个最简单的，哈哈。<script>
    function rpcedt(trow)
    {
    window.location.href="pcedit.asp?id="+trow.cells[0].innerHTML
    }
    </script>
      

  9.   

    我资源里有，Jquery获得鼠标在Table上的行号列号，输入行号列号，获得值，去看看，