js基础:另一个为javascript中的table中添加控件的方法

admin

2010年8月18日 11:11 本文热度 3556

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>Add&DeleteNodetitle>
<script language="javascript">

var i=1;
function insertStr() {
        i++;
        var td = document.createElement("td");
        var tr = document.createElement("tr");
        var tbody = document.createElement("tbody");
        tr.appendChild(td);
        tbody.appendChild(tr);
        var parNode = document.getElementById("table1");
        parNode.appendChild(tbody);
        tr.setAttribute("name","tr"+i);
        tr.setAttribute("id","tr"+i);
        td.innerHTML="<input type=''text'' name=''Tag"+i+"'' id=''Tag"+i+"'' value=''Tag"+i+"''><input type=''button'' value=''Delete'' name=''Delete"+i+"'' id=''Delete"+i+"'' onClick=''javascript:DeleteNode("+i+")''>";

document.form1.total.value=i;
}
function DeleteNode(j)
{
var trnode=document.getElementById("tr"+j);
trnode.parentNode.removeChild(trnode);
}
</script>
</head>
<body>

</form>
<table width="400" border="1" cellspacing="string" cellpadding="0" id="table1">
</table>
</body>
</html>

代码中红色的部分就是可以在table的元素中添加控件的方法 ~ 注意联系牢牢掌握哦~

因为用了元素的innerHTML的属性，所以可以在后面之间添加控件。

该文章在 2010/8/18 11:11:06 编辑过

点晴ERP是一款针对中小制造业的专业生产管理软件系统,系统成熟度和易用性得到了国内大量中小企业的青睐。

点晴PMS码头管理系统主要针对港口码头集装箱与散货日常运作、调度、堆场、车队、财务费用、相关报表等业务管理，结合码头的业务特点，围绕调度、堆场作业而开发的。集技术的先进性、管理的有效性于一体，是物流码头及其他港口类企业的高效ERP管理信息系统。

点晴WMS仓储管理系统提供了货物产品管理,销售管理,采购管理,仓储管理,仓库管理,保质期管理,货位管理,库位管理,生产管理,WMS管理系统,标签打印,条形码,二维码管理,批号管理软件。

点晴免费OA是一款软件和通用服务都免费，不限功能、不限时间、不限用户的免费OA协同办公管理系统。