如何用javascript读取table2里面的所有的内容

Question

<table border="0" cellpadding="0" cellspacing="0" width="100" id="table1">
  <tr>
    <td></td>
  </tr>
  <tr>
    <td>
      <table border="0" cellpadding="0" cellspacing="0" width="100" id="table2">
        <tr>
          <td>d<font color="#00FF00">sf</font></td>
          <td><b>ds</b></td>
        </tr>
        <tr>
          <td>f</td>
          <td></td>
        </tr>
      </table>
    </td>
  </tr>
</table>
<script language="javascript">
<!--
alert(table1.childNodes(0).childNodes(0).nextSibling.childNodes(0).innerHTML);
//-->
</script>

Answer 1

<table border="0" cellpadding="0" cellspacing="0" width="100" id="table1">
  <tr>
    <td></td>
  </tr>
  <tr>
    <td>
      <table border="0" cellpadding="0" cellspacing="0" width="100" id="table2">
        <tr>
          <td>d<font color="#00FF00">sf</font></td>
          <td><b>ds</b></td>
        </tr>
        <tr>
          <td>f</td>
          <td></td>
        </tr>
      </table>
    </td>
  </tr>
</table>
<script language="JavaScript">
<!--
alert(document.getElementById("table1").getElementsByTagName("table")[0].outerHTML)
//-->
</script>

Answer 2

yeefly(Web开发版) , 果然厉害能否帮大家解释下