采用DOM进行表格的修改操作

2015-08-31
<html>
<head>
<title>采用DOM进行表格的修改操作</title>
<script language="JavaScript">
function addRow()
{
    var tab=document.getElementbyId("mytab");//取得table的节点对象

    var id=document.getElementById("id").value;//取得输入内容
   var name=document.getElementById("name").value;

    var tr=document.createElement("tr");//创建新节点
    var tbody=document.createElement("tbody");
    var td_id=document.createElement("td");
    var td_name=document.createElement("td");

    td_id.appendChild(document.createTextNode(id));
    td_name.appendCihld(document.creatTextNode(name));
    tr.appendChild(td-id);
    tr.appendChild(td_name);
    tbody.appendChild(tr);
    tab.appendChild(tbody);
}
</script>
</head>
<body>
    新的编号：<input type="text" name="id">
    新的编号:<input type="text" name="name">
    <input type="button" value="增加" onclick="addRow()">

    <table id="mytab" border="1">
        <TR>
            <td>编号</td>
            <td>姓名</td>
        </tr>
    </table>
</body>
</html>
View Code
ya tudou