添加刪除記錄練習

window.onload = function () {

var allA = document.getElementsByTagName("a");

//為刪除分別創造一個單擊響應函數

function delA(){

for (var i = 0; i < allA.length; i++) {

// allA[i].onclick = function () {

var tr = this.parentNode.parentNode;

//獲取要刪除員工的名字

// var name=tr.getElementsByTagName('td')[0].innerHTML;

// var name=tr.children[0].innerHTML;

var name=tr.firstElementChild.innerHTML;

var flag=confirm('你確定要刪除'+name+'嘛?')

if (flag ){

tr.parentNode.removeChild(tr);

}

return false;

}

}

// }

for(var i=0;i

allA[i].οnclick=delA;

}

//為提交按鈕綁定一個單機響應函數

var submit=document.getElementById('addEmpButton');

submit.οnclick=function (){

//獲取員工的名字

var name=document.getElementById('empName').value;

//獲取員工的郵箱

var email=document.getElementById('email').value;

//獲取員工的薪資

var salary=document.getElementById('salary').value;

var tr=document.createElement('tr');

var nameTd=document.createElement('td');

var emailTd=document.createElement('td');

var salaryTd=document.createElement('td');

var aTd=document.createElement('td');

var a=document.createElement('a');

var nameText=document.createTextNode(name);

var emailText=document.createTextNode(email);

var salaryText=document.createTextNode(salary);

var delText=document.createTextNode('Delete');

nameTd.appendChild(nameText);

emailTd.appendChild(emailText);

salaryTd.appendChild(salaryText);

a.appendChild(delText);

aTd.appendChild(a);

tr.appendChild(nameTd);

tr.appendChild(emailTd);

tr.appendChild(salaryTd);

tr.appendChild(aTd);

tr.getElementsByTagName('a')[0].οnclick=delA;

a.href='javascript:';

tr.getElementsByTagName('a')[0].οnclick=delA;

var tbody=document.querySelector("#employeeTable tbody");

tbody.appendChild(tr);

}

};

NameEmailSalary?

Tom	tom@tom.com	5000	Delete
Jerry	jerry@sohu.com	8000	Delete
Bob	bob@tom.com	10000	Delete

添加新員工

name:
email:
salary:
Submit

一鍵復制

編輯

Web IDE

原始數據

按行查看

歷史

總結

以上是生活随笔為你收集整理的html 删除记录,添加删除记录.html的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。