刪除函數(shù) 沒辦法刪除 用js新增的<tr>行
隨便寫了一個刪除函數(shù)，發(fā)現(xiàn)這個刪除函數(shù)只能刪除原HTML代碼里的<tr>行，對于用js新增的<tr>行，沒辦法刪除，不懂這是為什么，請教~
<script type="text/javascript">?
// 創(chuàng)建刪除函數(shù)
window.onload = function(){
? ? var a = document.getElementsByTagName("a");
? ? for (var i=0;i<a.length;i++){
? ? ? ? a[i].onclick = function(){
? ? ? ? ? ? this.parentNode.parentNode.parentNode.removeChild(this.parentNode.parentNode);
? ? ? ? }
? ? }
}
// 創(chuàng)建添加函數(shù) ?
function add_1(){
? ? var xm=prompt("請輸入學號");
? ? var xn=prompt("請輸入姓名");?
? ? if(xm!=null&&xm!=""&&xn!=null&&xn!=""){
? ? ? ? var m=document.getElementById("table");
? ? ? ? var tr=document.createElement("tr");
? ? ? ? var td1=document.createElement("td");
? ? ? ? var td2=document.createElement("td");
? ? ? ? var td3=document.createElement("td");
? ? ? ? td1.innerHTML=xm;
? ? ? ? td2.innerHTML=xn;
? ? ? ? td3.innerHTML="<a href='javascript:;' onclick='del(this)' >刪除</a>";
? ? ? ? tr.appendChild(td1);
? ? ? ? tr.appendChild(td2);
? ? ? ? tr.appendChild(td3);
? ? ? ? m.appendChild(tr);
? ? }
? ? else{alert("姓名學號不可以為空！");}
}
</script>?
2017-07-03
好吧，自己把代碼改好了
<script type="text/javascript">?
// 創(chuàng)建刪除函數(shù)
window.onload = function(){
? ? var a = document.getElementsByTagName("a");
? ? for (var i=0;i<a.length;i++){
? ? ? ? a[i].onclick = function(){
? ? ? ? ? ? this.parentNode.parentNode.parentNode.removeChild(this.parentNode.parentNode);
? ? ? ? }
? ? } ?
}
// 創(chuàng)建添加函數(shù) ?
function add_1(){
? ? var xm=prompt("請輸入學號");
? ? var xn=prompt("請輸入姓名");?
? ? if(xm!=null&&xm!=""&&xn!=null&&xn!=""){
? ? ? ? var m=document.getElementById("table");
? ? ? ? var tr=document.createElement("tr");
? ? ? ? var td1=document.createElement("td");
? ? ? ? var td2=document.createElement("td");
? ? ? ? var td3=document.createElement("td");
? ? ? ? td1.innerHTML=xm;
? ? ? ? td2.innerHTML=xn;
? ? ? ? td3.innerHTML="<a href='javascript:;' onclick='deletion()' >刪除</a>";
? ? ? ? tr.appendChild(td1);
? ? ? ? tr.appendChild(td2);
? ? ? ? tr.appendChild(td3);
? ? ? ? m.appendChild(tr);
? ? ? ? tr.onclick = function(){
? ? ? ? ? ? this.parentNode.removeChild(this);
? ? ? ? }
? ? }
? ? else{alert("姓名學號不可以為空！");}
}
</script>?
2017-07-03
我好像知道原因了，原因是onload在頁面加載完后觸發(fā)事件，而當時還沒用js新增的<tr>行，所以這些后面新增的<tr>行就沒有在onload事件的執(zhí)行范圍里面
知道原因了，但是還是不知道該怎么改才能實現(xiàn)刪除功能呢？