用js实现增加和删除功能

您所在的位置:网站首页 html添加删除按钮 用js实现增加和删除功能

用js实现增加和删除功能

2024-07-16 18:07| 来源: 网络整理| 查看: 265

描述:用js实现增加和删除功能,点击按钮进行增加,点击delete进行删除具体界面如下: 在这里插入图片描述 js代码如下: 用于进行删除的函数,用removeChild()函数实现: 在这里插入图片描述灰色的部分是代码注释了,是因为把它提取成一个函数后面进行调用,所以前面的部分不在此函数里面实现: 2.对删除函数进行调用,对所有的超链接进行点击函数绑定: 在这里插入图片描述 3.添加: 1)点击按钮,将数据添加到表格中,要先获取数据,代码: 在这里插入图片描述 2)创建表单结构,用document.createElement()函数和document.createTextNode()函数,(注意:创建超链接节点时要为他加上href属性和绑定点击响应函数)实现代码如下: 在这里插入图片描述 3)将文本添加进节点中,使用appendChild()函数实现: 在这里插入图片描述 js的完整代码如下:

function delA(){ // var aAll = document.getElementsByTagName("a"); // for(var i=0;i


【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3