html列表删除特定的列,js动态删除表格中的某一行

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

动态创建的表格有删除功能，可以删除表格中的某一项

#tab{

margin-top: 20px;

}

#tab tr td{

width: 140px;

height: 30px;

text-align: center;

}

姓名

性别

年龄

操作

var txt1=document.querySelector("#txt1")

var txt2=document.getElementById("txt2")

var txt3=document.getElementById("txt3")

var tab=document.getElementById("tab")

btn.οnclick=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.value

td2.innerHTML=txt2.value

td3.innerHTML=txt3.value

td4.innerHTML="删除"

td4.οnclick=function(){

tr.remove()

}

}