jQuery.append html代码 到 table

<table id="tab">
    <tr><td>第一行文字</td></tr>
</table>
<buttononclick="insertHtml();">插入</button>
<script type="text/javascript">
      functioninsertHtml() {
              $("#tab     tbody").append("<tr><td>第二行文字</td></tr>");
              alert($("#tab").html());
      }
</script>

操作完成后的代码为
<table id="tab">
  <tbody>
              <tr><td>第一行文字</td></tr>           
            <tr><td>第二行文字</td></tr>
  </tbody>
</table>

浏览器会在table中加tbody标签, 如用$("#tab").append("<tr><td>第二行文字</td></tr>"),则会生成以下错误代码
<table id="tab">
  <tbody>
              <tr><td>第一行文字</td></tr>           
  </tbody>
  <tr><td>第二行文字</td></tr>
</table>

你可能感兴趣的:(html,浏览器,table)