103、自动增加表格内容

103、自动增加表格内容

脚本说明:

把如下代码加入<body>区域中

<SCRIPT LANGUAGE="JavaScript">

<!-- Begin

  function addRow(id){

    var tbody = document.getElementById

(id).getElementsByTagName("TBODY")[0];

    var row = document.createElement("TR")

    var td1 = document.createElement("TD")

    td1.appendChild(document.createTextNode("这是增加的左边内容"))

    var td2 = document.createElement("TD")

    td2.appendChild (document.createTextNode("这是增加的右边内容"))

    row.appendChild(td1);

    row.appendChild(td2);

    tbody.appendChild(row);

  }

//  End -->

</script>

<a href="javascript:addRow('myTable')">增加一个<tr></a>

<table id="myTable" cellspacing="0" border="1">

  <tbody>

    <tr>

      <td>左边内容</td><td>右边内容</td>

    </tr>

  </tbody>

</table>

 

Write a comment

Comments: 0