<!doctype html>window.onload=function (){ vardata =[{name:' Little Red ', Age: ' A ', Sex: ' Woman '}, {name:' Round ', Age: ' A ', Sex: ' Man '}, {name:' Xiao Lu ', Age: ' + ', Sex: ' Female '}, {name:' Xiaoming ', Age: ' A ', Sex: ' Woman '}, ]; varOtab = document.getElementById (' tab1 ')); varOtbody = Otab.tbodies[0]; for(vari = 0; i < data.length; i++) { varOTR = document.createelement (' tr ')); if(I% 2) {Otr.style.background= ' #fff '; } Else{Otr.style.background= ' Pink '; } varOTD = document.createelement (' TD '); Otd.innerhtml=Data[i].name; Otr.appendchild (OTD); varOTD = document.createelement (' TD '); Otd.innerhtml=Data[i].age; Otr.appendchild (OTD); varOTD = document.createelement (' TD '); Otd.innerhtml=Data[i].sex; Otr.appendchild (OTD); varOTD = document.createelement (' TD '); Otr.appendchild (OTD); varOA = document.createelement (' A '); Oa.innerhtml= ' Delete '; Oa.href= ' javascript:; '; Oa.onclick=function() {Otbody.removechild ( This. Parentnode.parentnode); for(vari = 0; i < otbody.rows.length; i++) { if(I% 2) {Otr.style.background= ' #fff '; } Else{Otr.style.background= ' Pink '; }}} otd.appendchild (OA); Otbody.appendchild (OTR); }}</script>DOM Table Operations