js 在指定位置添加/刪除tr,td 並設置樣式 及 checkbox全選

經驗來自於點點滴滴的實踐。

繼續記錄，留待後用。

js：在指定位置添加tr ,td 並設置樣式，賦值

jsp中內容：
<table border=1 id="tab">
</table>

js 實現：
var tab =document.getElementById("tab");
//注：insertRow()分爲無參和有參。
// 其中無參爲 insertRow(),默認是插入到指定table的最後。
// 有參爲insertRow(n),插入到指定table的第N行。
var row =tab.insertRow(0);
// 創建td
var cell1 = row.insertCell(0);
// 設置樣式
cell1.style.cssText="padding:4px";
cell1.innerHTML=
"MAIL帳號<input type='text' id='mail'/>"
//給td 賦值
cell1.innerText=""
var cell2 = row.insertCell(1);

js：checkbox全選，全不選，以及根據選中的取值
//根據name值獲取全部checkbox
var boxes = document.getElementsByName("xzbm");
var value = new Array(boxes.length);
for(var i=0;i<boxes.length;i++){
//全部取消選中
if(boxes[i].checked){
boxes[i].checked =false;
}
//全選
if(!(boxes[i].checked)){
boxes[i].checked = true;
}
//選中取值
if(boxes[i].checked){
value[i] = boxes[i].value;
}

}
js：實現刪除指定tr

function deleteRow(){
var content=document.getElementById("content");
var len=content.rows.length;
for(var i=2;i<len;i++){
content.deleteRow(2);
}
}
刪除第二行之後的所有tr