码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2015-08-31 13:15:04      阅读:172      评论:0      收藏:0      [点我收藏+]

标签:

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

 

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

标签:

原文地址:http://www.cnblogs.com/sdu-Jumper/p/4772717.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!