table表格每一行增加和删除功能，增加是指在当前行后面，删除是删除当前行

function insertAfter(newElement,targetElement){
    var parent = targetElement.parentNode;
    if(parent.lastChild == targetElement){
        parent.appendChild(newElement);
    }else{
        parent.insertBefore(newElement,targetElement.nextSibling);
    }
}




  var firstTr = document.getElementsByClassName('table')[0].getElementsByTagName('tr')[1];//获取第一个tr
  var firstTrCopy = firstTr.cloneNode(true);//再存一次




function attachItem(){
console.log(this,'this=======')
insertAfter(firstTrCopy,this.parentElement.parentElement);
firstTrCopy = firstTrCopy.cloneNode(true);
}


function deleteItem(){
this.parentElement.parentElement.remove();


}


  var addTd = document.createElement('td');
var addBtn = document.createElement('button');
addBtn.innerHTML = "增加";
addBtn.setAttribute('onclick',"attachItem.call(this)")
addTd.appendChild(addBtn);
firstTr.appendChild(addTd);


var addTdCopy = addTd.cloneNode(true);
var delBtn = document.createElement('button');


delBtn.innerHTML = "删除";


delBtn.setAttribute('onclick',"deleteItem.call(this)")
;
addTdCopy.appendChild(delBtn);




firstTrCopy.appendChild(addTdCopy);