Dom动态地增多和删除表格
Dom动态地增加和删除表格
function saveInfo() { var tb = document.getElementById("tb"); var mytr = document.createElement("tr"); mytr.align = "center"; var mytd1 = document.createElement("td"); var mytd2 = document.createElement("td"); var mytd3 = document.createElement("td"); var name = document.createTextNode(document.getElementById("username").value); var pwd = document.createTextNode(document.getElementById("userpwd").value); var mya = document.createElement("a"); mya.href = "#"; mya.onclick = delMe; var del = document.createTextNode("删除"); mya.appendChild(del); mytd1.appendChild(name); mytd2.appendChild(pwd); mytd3.appendChild(mya); mytr.appendChild(mytd1); mytr.appendChild(mytd2); mytr.appendChild(mytd3); tb.appendChild(mytr); } function delMe() { var mytr = this.parentNode.parentNode; if(confirm("您确定要删除"+mytr.firstChild.firstChild.nodeValue+"吗?"))//获取表格中的值 { //confirm("您确定要删除"+mytr.firstChild.firstChild+"吗?"); mytr.parentNode.removeChild(mytr); } }