html添加删除页面,【HTML5】页面点击按钮添加一行 删除一行 全选 反选 全不选(示例代码)...

varrows= 1;functionaddrows() {vartrElement=document.createElement("tr");vartd1Element=document.createElement("td");vartd2Element=document.createElement("td");vartd3Element=document.createElement("td");vartd4Element=document.createElement("td");

td1Element.innerHTML=""+rows;

td2Element.innerHTML="";

td3Element.innerHTML="";

td4Element.innerHTML="";

trElement.appendChild(td1Element);

trElement.appendChild(td2Element);

trElement.appendChild(td3Element);

trElement.appendChild(td4Element);vartbody=document.getElementById("tb");

tbody.appendChild(trElement);

rows++;

}functiondelrow(obj){//获取按钮所在的行

btnTrElement=obj.parentNode.parentNode;//alert(btnTrElement.nodeName);

//获取按钮所在的行的上一级也就是TBODY

tbodyElemement=btnTrElement.parentNode;//通过tobody干掉tr

tbodyElemement.removeChild(btnTrElement);

}

序号账号口令操作

全选   

反选   

全不选   

添加一行

functionqx(){//获取所有的checkbox

varcheckbox=document.getElementsByName("chk");//遍历所有的checkbox

for(vari=0;i

checkbox[i].checked=true;

}

}functionfx(){//获取所有的checkbox

varcheckbox=document.getElementsByName("chk");//遍历所有的checkbox

for(vari=0;i

checkbox[i].checked=!checkbox[i].checked;

}

}functionqbx(){//获取所有的checkbox

varcheckbox=document.getElementsByName("chk");//遍历所有的checkbox

for(vari=0;i

checkbox[i].checked=false;

}

}