js动态删除表格中的某一行

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>动态创建的表格有删除功能，可以删除表格中的某一项</title><style>#tab{margin-top: 20px;}#tab tr td{width: 140px;height: 30px;text-align: center;}</style>
</head>
<body><form action=""><input type="text" name="" id="txt1" value="张三"><input type="text" name="" id="txt2" value="男"><input type="text" name="" id="txt3" value="22"><input type="button" name="" id="btn" value="添加"><table  border="1px" id="tab" cellpadding=0 cellspacing=0 ><tr><td>姓名</td><td>性别</td><td>年龄</td><td>操作</td></tr></table>
</form>
</body>
<script>var txt1=document.querySelector("#txt1")var txt2=document.getElementById("txt2")var txt3=document.getElementById("txt3")var tab=document.getElementById("tab")btn.onclick=function(){var tr=document.createElement("tr")tab.appendChild(tr) var td1=document.createElement("td")var td2=document.createElement("td")var td3=document.createElement("td")var td4=document.createElement("td")tr.appendChild(td1)tr.appendChild(td2)tr.appendChild(td3)tr.appendChild(td4)td1.innerHTML=txt1.valuetd2.innerHTML=txt2.valuetd3.innerHTML=txt3.value td4.innerHTML="删除"  td4.onclick=function(){tr.remove()}}
</script>
</html>

js动态删除表格中的某一行相关推荐

dtgrid 手动条件删除表格中的某一行
dtgrid 手动条件删除表格中的某一行 var grid = $.fn.DtGrid.init(dtGridOption);$(function () {grid.load();});functio ...
js 动态获取表格中的值并修改其他表格+js 动态拼接字符串
主要是用思路是给表格设置id,取表格tr 的值 $('#'+d+"DataOptions" +" tr").each(function(i){var fie ...
使用js删除表格中的一行的一个小练习
代码: <!DOCTYPE html> <html lang="ch"><head><meta charset="UTF-8&q ...
layerui js获取数据表格中的动态内容on失效live失效
layerui js获取数据表格中的动态内容on失效live失效.由于jquery1.9版本之后不再使用live,所以改成on,但直接使用on以layer中又不起作用.于是用下面的语句. $(docu ...
js动态修改表格数据
js动态修改表格数据使用js在表格个内进行动态修改,需要再点击每一个td的时候在每个td里动态的添加一个input文本框然后把input的样式设计一下与td的宽度和高度一致去掉input的内外边框 ...
ajax异步获取数据后动态向表格中添加数据的页面
因为某些原因,项目中突然需要做自己做个ajax异步获取数据后动态向表格中添加数据的页面,网上找了半天都没有看到现成的,决定自己写个例子 1.HTML页面 [html] view plaincopyp ...
ajax异步获取数据后动态向表格中添加数据(行)
因为某些原因,项目中突然需要做自己做个ajax异步获取数据后动态向表格中添加数据的页面,网上找了半天都没有看到现成的,决定自己写个例子 1.HTML页面 [html] view plaincopyp ...
js动态创建表格以及赋值
1.使用js动态创建表格 (1)不可编辑的表格 function creatTableA() {var tbody = document.querySelector('#tableA');for (v ...
winform代码：关联窗体数据更新，删除dataGridview中选中的一行或多行
一.关联窗体数据更新关联窗体数据修改时,如果一个为总体数据显示窗体A,另一个为详细修改窗体B,从A进入B,在B中对数据进行修改,然后返回A,这时A窗体的数据需要更新. 我采用最简单的方法,首先保证每 ...

js动态删除表格中的某一行

js动态删除表格中的某一行

js动态删除表格中的某一行相关推荐

最新文章

热门文章