js删除一行数据,代码怎么删除一行
本教程操作环境:windows7系统、javascript1.8.5版、戴尔自交第三代电脑。
爪哇岛描述语言在形式表单中增加数据到表格中,也可以单独删除某一行
移除()方法移除被选元素,包括所有文本和子节点。
该方法不会把匹配的元素从框架对象中删除,因而可以在将来再使用这些匹配的元素。
但除了这个元素本身得以保留之外,删除()不会保留元素的框架数据。其他的比如绑定的事件、附加的数据等都会被移除。这一点与分离()不同。
!声明文档类型
html lang=en
头
meta charset=UTF-8
标题标题/标题
风格
#容器{
文本对齐:居中;
}
#我的表格{
宽度:500像素
文本对齐:居中;
边框:1px纯色# ccc
边距:0自动;
}
#我的表td,#我的表th {
边框:1px纯色# ccc
}
#myfrm {
行高:30px
}
/风格
脚本
window.onload=function () {
$(btnAdd ).onclick=function(){
//创建tr
设tr=文件。createelement( tr );
//创建任务描述
设TD名称=文档。createelement(“TD”);
设tdAge=document。createelement(“TD”);
设TD性=文档。createelement(“TD”);
让TD电话=文档。createelement(“TD”);
让TD删除=文档。createelement(“TD”);
//td中放数据
tdName.innerText=$(name ).价值;
tdAge.innerText=$(age ).价值;
tdSex.innerText=$(m ).检查过了?$(m ).值:$(f ).价值;
tdPhone.innerText=$(phone ).价值;
//这边如果不添加删除,增加数据之后,会删除不了
让BTN删除=文件。createelement(“input”);
btndelete.type= button
btndelete.value=删除;
btndelete.onclick=function(){
这个。父节点。父节点。移除();
}
TD删除。appendchild(BTN删除);
//td放入tr;
tr。appendchild(TD名称);
tr。appendchild(tdAge);
tr。appendchild(TD性别);
tr。appendchild(TD电话);
tr。appendchild(TD删除);
//tr放入表格
$(tb ).appendChild(tr);
}
//删除
设btnlist=document。查询选择器全部(.删除);
对于(设I=0;ibtnlist.lengthi ){
btnlist[i].onclick=function () {
这个。父节点。父节点。移除();
}
}
}
函数$(id) {
返回文档。getelementbyid(id);
}
/脚本
/头
身体
p id=容器
表id=我的表
四羟乙基己二酰胺
tr
泰国(泰国)姓名/th
泰国(泰国)年龄/th
泰国(泰国)性别/th
泰国(泰国)电话/th
泰国(泰国)操作/th
/tr
/thead
tbody id=tb
tr
任务描述汤姆/td
td20/td
tdmale/td
td110/td
任务描述
输入类型=按钮值=删除 class=删除
/td
/tr
tr
tdjack/td
td22/td
tdmale/td
td119/td
tdinput type=button value=删除class=delete/td
/tr
tr
tdalice/td
td25/td
任务描述女性/td
td120/td
tdinput type=button value=删除class=delete/td
/tr
/tbody
/表格
整点
表单操作= id=myfrm
姓名:输入类型=text id=name br
年龄:输入类型=text id=age br
性别:输入类型=单选名称=性别id=男值=男已检查男
输入类型=单选名称=性别id=f 值=女性女英国铁路公司
电话:输入类型=text id=phone br
输入类型=按钮值=添加id=btnAdd
输入类型=重置值=重置
/表单
/p
/body
/html[推荐学习:javascript高级教程】以上就是爪哇岛描述语言如何删除一行的详细内容,更多请关注我们其它相关文章!
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。