Html Dom add and delete element

最新推荐文章于 2022-12-13 12:19:33 发布

原创最新推荐文章于 2022-12-13 12:19:33 发布 · 1.3k 阅读

·

0

·

本内容遵循CC 4.0 BY-SA版权协议

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

标签

#delete #html #javascript #function #token

cs 专栏收录该内容

42 篇文章

订阅专栏

本文介绍了一个使用JavaScript动态添加和删除HTML元素的方法。通过修改特定ID的元素内容来实现附件上传功能，同时限制了附件数量不超过四个。

Javascript is sometimes troublesome. this is some code fragments that add and delete Html element.
(PS: cause of this site issue, I found that the variable newInputStr is not showed correctly without some escape token)

<tr>

<td colspan="4" id="atta"><a onclick="addHt('atta');" href="javascript:void(0);">

<span>添加附件<br /></span></a>

</td>

</tr>

<SCRIPT type=text/javascript>

var filenum = 1;

function addHt(id) {

ob = document.getElementById(id);

if(filenum > 4){

alert("附件一次只能最多上传4个！")

return;

}

var newInputStr = "<input type="file" name="attachment" size="80"/>"

+" <input value="取消" type="button" onclick="delHt(this)"><br />"

var sp=document.createElement("span");

sp.innerHTML=newInputStr

ob.appendChild(sp);

filenum++;

return;

}

function delHt(ob){

ob.parentNode.parentNode.removeChild(ob.parentNode);

filenum--;

}

</SCRIPT>

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。