如何用JAVASCRIPT DOM,取得最后一td节点

t = document.getElementById("tableid")
alert(t.rows[t.rows.length-1].cells[t.rows[t.rows.length-1].cells.length-1].innerHTML)

解决方案 »

  1.   

    t = document.getElementById("tableid")
    alert(t.childNodes[0].childNodes[t.childNodes[0].childNodes.length-1].childNodes[0].innerHTML)
      

  2.   

    t = document.getElementById("tableid")
    alert(t.childNodes[0].lastChild.childNodes[0].innerHTML)
      

  3.   

    不允许用ID或NAME取,只可以一级一级的得到最终节点
      

  4.   

    不允许用ID或NAME取?你这个页面只有一个table嘛？不燃怎么确定table呀
      

  5.   

    呵呵，枚举所有的table出来，效率还不如指定一个id了。鸟儿折了一支翅膀不是不能飞，而是飞起来很困难，把握不住平衡了
      

  6.   

    t = document.getElementsByTagName("table")[0]
      

  7.   

    var tds = document.getElementsByTagName("TD");
    var LastTd = tds[tds.length-1];全文档的最后一个TD出来了
      

  8.   

    <html>
    <head>
    <script type="text/javascript" src="tx.js"></script>
    </head>
    <body>
    <input type="hidden" name="jsp_name" value="../proc.jsp">
    <table width="98%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td height="13">&nbsp;</td>
      </tr>
      <tr>
        <td class="td_title1">职工基本信息表</td>
      </tr>
      <tr>
        <td height="13">&nbsp;</td>
      </tr>
      <tr>
        <td class="td_title2">增加职工基本信息</td>
      </tr>
      <tr>
        <td height="13">&nbsp;</td>
      </tr>
      <tr>
        <td height="25">&nbsp;</td>
      </tr>
      <tr>
        <td height="25" align="center">
        <img src="../img/queding.jpg" onClick="sub_mit()">
        <img src="../img/chongxie.jpg" onClick="re_set()">
    </td>
      </tr>
    </table>
    </body>
    </html>
    <script>
    t = document.getElementsByTagName("table")[0]
    alert(t.childNodes.length);
    </script>为何显示一呢,不是有很多TR的吗?
      

  9.   

    <html>
    <head>
    <script type="text/javascript" src="tx.js"></script>
    </head>
    <body>
    <input type="hidden" name="jsp_name" value="../proc.jsp">
    <table width="98%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td height="13">&nbsp;</td>
      </tr>
      <tr>
        <td class="td_title1">职工基本信息表</td>
      </tr>
      <tr>
        <td height="13">&nbsp;</td>
      </tr>
      <tr>
        <td class="td_title2">增加职工基本信息</td>
      </tr>
      <tr>
        <td height="13">&nbsp;</td>
      </tr>
      <tr>
        <td height="25">&nbsp;</td>
      </tr>
      <tr>
        <td height="25" align="center">
        <img src="../img/queding.jpg" onClick="sub_mit()">
        <img src="../img/chongxie.jpg" onClick="re_set()">
    </td>
      </tr>
    </table>
    </body>
    </html>
    <script>
    var tds = document.getElementsByTagName("td");
    var LastTd = tds[tds.length-1];
    alert(LastTd.childNodes.length);
    </script>
    这个只有两节点他却显示4,为什么?
      

  10.   


    t = document.getElementsByTagName("table")[0]
    alert(t.childNodes[0].childNodes.length);bb.childNodes[0]是tbody
    每个table都会自动生成一个tbody，tr是tbody下面的
    <table>
    <tbody>
    <tr>
    </tr>
    </tbody>
    </table>
      

  11.   

    var obj = document.getElementsByTagName("td");
    alert(obj[obj.length-1].innerHTML);
      

  12.   

    <script>
    var tds = document.getElementsByTagName("td");
    var LastTd = tds[tds.length-1];
    alert(LastTd.childNodes.length);
    </script>
    这个只有两节点他却显示4,为什么?你试试alert(LastTd.children.length)
      

  13.   

    用childNodes 两个元素中的空格也会被当作一个子节点childNodes所指的节点有2种 一种是HTMLElement 就是HTML元素 一种是TextNode 就是文本段
    children 所指的只有 HTMLElement所以你要获取子元素最好用 children
      

  14.   

    另外如果知道table元素,获取当前table的最后一个td也有很多方法方法1:
    var lastTd = tableElement.cells[tableElements.cells.length-1];方法2:
    var tds = tableElement.getElementsbyTagName("TD");
    var lastTd = tds[tds.length-1];这2种都是最简单的方法.