Dom操作的问题

var obj = document.getElementById("ta"); 
var tr = obj.getElementsByTagName("tr")[2];
var td = tr.getElementsByTagName("td")[2];
alert(td.innerText);

解决方案 »

  1.   


     obj.rows[2].cells[2].innerText
      

  2.   


    <html> 
      <head> 
        <title>whichtd.html </title> 
      </head> 
      <body> 
        <form action="" > 
        <table border=1 id='ta' > 
        <tr > 
        <td>1 </td> 
        <td>2 </td> 
        <td>3 </td> 
        <td>4 </td> 
        </tr> 
        <tr> 
        <td>5 </td> 
        <td>6 </td> 
        <td>7 </td> 
        <td>8 </td> 
        </tr> 
        <tr> 
        <td>9 </td> 
        <td>10 </td> 
        <td>11 </td> 
        <td>12 </td> 
        </tr> 
        </table> 
        <input type="button" onclick="fun()" value='haha'/> 
        </form> 
      </body> 
      <script type="text/javascript"> 
      function fun(){ 
      var obj = document.getElementById("ta"); 
      var tdText = obj.rows[2].cells[2].innerText;
      alert(tdText);
      } 
      </script> 
    </html> 
      

  3.   


    <script type="text/javascript"> 
    function fun(){ 
    var obj = document.getElementById("ta"); 
    alert(obj.rows[2].cells[2].innerHTML);
    } 
    </script>