</script>
function addItem(bun) {//添加一个新的tr
var newTr = document.getElementById("testTbl").insertRow(); //插入新行
var tb = document.getElementById("testTbl");//获取id为testTbl的table
var rows = tb.rows;//取得这个table下的所有行
if(rows.length >1 ){
var cells = rows[1].cells.length;
for(var j=0;j<cells;j++){
var cell = rows[1].cells[j];//获取某行下面的某个td元素
var newTd = newTr.insertCell();//在新添加的tr里面添加td元素
newTd.align="center";
newTd.height="3";
newTd.className="bg_table02";
if(j==cells-1){//当添加的是最后一列时,添加对应的按钮
var inp = "<input type='button' name='save' value='保存' class='button01' onclick='addItem(this)'/><input type='button' name='delete' value='删除' class='button01' onclick='deleteItem(this)' disabled='disabled'/>"
newTd.innerHTML=inp;
}else{
newTd.innerHTML = cell.innerHTML;
}
var inps = newTr.getElementsByTagName('input'); // 从tr 对象中获取所有input对象
for(var i = 0; i <inps.length; i++){
if(i<(inps.length-2)){//最后两个input不需将值置为null
inps[i].value = ''; // 将每一个input的value置为空
}
}
}
}
var nodes = siblingElems(bun);//获取同辈元素
for(var i=0;i<nodes.length;i++){
//nodes[i].style.display="block";
nodes[i].disabled=false;
}
bun.disabled = true;
//bun.style.display="none";
// nodes[i].disabled=true;
}
//获取同辈元素
function siblingElems(elem) {
var nodes = [];
var _elem = elem;
while ((elem = elem.previousSibling)) {
if (elem.nodeType == 1) {
nodes.push(elem);
}
}
var elem = _elem;
while ((elem = elem.nextSibling)) {
if (elem.nodeType == 1) {
nodes.push(elem);
}
}
return nodes;
}
//删除一个tr
function deleteItem(bun) {
bun.parentNode.parentNode.parentNode
.removeChild(bun.parentNode.parentNode);
}
</script>