动态增删文本框（转）

最新推荐文章于 2019-03-04 17:12:38 发布

weixin_30892889

最新推荐文章于 2019-03-04 17:12:38 发布

阅读量75

点赞数

原文链接：http://www.cnblogs.com/ovliverlin/archive/2007/09/27/908343.html

版权

<html>
<head>
</head>
<body>
<script>
var n=0;//计数器
function addRow()
{    //添加行
    n++;//计数器++，用来做唯一的标识
    var tempNode = document.createElement("div");//创建div节点
    tempNode.innerHTML = "<input type='text' name='txt" + n + "' value='第" + n + "个'>";//偷懒~~直接赋给tempNode一段HTML了事 -_-
    divForm.appendChild(tempNode);//添加到divForm的子节点后面去
}
function delRow()
{    //删除行
    if (divForm.childNodes.length)divForm.lastChild.removeNode(true); //只要divForm还有油水，then 从他的脚开始榨
}
</script>
<input type="button" οnclick="addRow()" value="添加">
<input type="button" οnclick="delRow()" value="删除">
<div id="divForm">
</div>
</body>
</html>

转载于:https://www.cnblogs.com/ovliverlin/archive/2007/09/27/908343.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30892889

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
动态增删文本框（转）

<html><head></head><body><script>var n=0;//计数器function addRow(){ //添加行 n++;//计数器++，用来做唯一的标识 var tempNode = document.createElement("div");//创建di...
复制链接

扫一扫