|
|
復(fù)制代碼 代碼如下:
用insertRow()和insertCell()方法
其用法如下:
insertRow()
復(fù)制代碼 代碼如下:
var newTR=TableOBJ.insertRow(N);
復(fù)制代碼 代碼如下:
其中N表示插入到第幾行!
說明:當(dāng)N=0時,插入到最上面一行!當(dāng)N=-1時插入到最后一行,相當(dāng)省略該參數(shù)!
insertCell()
復(fù)制代碼 代碼如下:
var newTD=TrOBJ.insertCell(N);
其中N表示插入到第幾列!
說明:當(dāng)N=0時,插入到最上面一行!當(dāng)N=-1時插入到最后一行,相當(dāng)省略該參數(shù)!
下面為一實例代碼:
復(fù)制代碼 代碼如下:
<script language="JavaScript">
var Count=false,NO=1;
function addRow(){
Count=!Count;
//添加一行
var newTr = testTbl.insertRow();
//添加三列
var newTd0 = newTr.insertCell();
var newTd1 = newTr.insertCell();
var newTd2 = newTr.insertCell();
//設(shè)置列內(nèi)容和屬性
if(Count){newTr.style.background="#FFE1FF";}
else {newTr.style.background="#FFEFD5";}
newTd0.innerHTML = '<input type=checkbox id="box4">';
NO++
newTd1.innerText="第"+ NO+"行";
}
</script>
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執(zhí)行]
JavaScript技術(shù)：javascript動態(tài)添加單元格的腳本代碼，轉(zhuǎn)載需保留來源！
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請第一時間聯(lián)系我們修改或刪除，多謝。
