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

最新推荐文章于 2021-07-09 19:18:35 发布

bill_live

最新推荐文章于 2021-07-09 19:18:35 发布

阅读量176

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/sdu-Jumper/p/4772717.html

版权

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

转载于:https://www.cnblogs.com/sdu-Jumper/p/4772717.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

bill_live

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
采用DOM进行表格的修改操作

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

扫一扫