JavaScript operation DOM (Dynamic table Processing)

ClearForm() {document.getElementById ("Deptno"). value= "";          document.getElementById ("Dname"). value= ""; } window.onload=function () {document.getElementById ("addbtn"). AddEventListener ("click", Onloaddata,fal          SE); } functionOnloaddata() {var Deptno=document.getelementbyid ("Deptno"). Value;          var Dname=document.getelementbyid ("Dname"). Value;          AddRow (Deptno,dname);          ClearForm (); }//Delete:Find parent element, call its removechild ("Specify deleted element")functionRemoverow (Deptno) {var Deptrow=document.getelementbyid ("dept-" +deptno);          var Dept=document.getelementbyid ("Dept-body");          Dept.removechild (Deptrow); } functionAddRow(Deptno,dname)          {var trelt=document.createelement ("tr");          Trelt.setattribute ("id", "dept-" +deptno);//Set TR property var deptnotd=document.createelement ("TD");          var dnametd=document.createelement ("TD");                             var deltd=document.createelement ("TD"); var delbtn=document.createelement ("button");//Create Button Delbtn.appendchild (document.createTextNode ("delete"))                 ;//Append Text data delbtn.addeventlistener ("click", Function () {//Add Event Removerow (DEPTNO);                            },false);          Deltd.appendchild (DELBTN);          Deptnotd.appendchild (document.createTextNode (DEPTNO));          Dnametd.appendchild (document.createTextNode (dname));          Trelt.appendchild (DEPTNOTD);          Trelt.appendchild (DNAMETD);          Trelt.appendchild (DELTD);          document.getElementById ("Dept-body"). AppendChild (Trelt);  } </script> 
　　
JavaScript operation DOM (Dynamic table Processing)