javascript動態添加單元格的腳本代碼

2024-05-06 14:18:45

字體：大中小

來源：轉載

供稿：網友

如何動態添加單元格!!
代碼如下:
用insertRow()和insertCell()方法

其用法如下:
insertRow()
代碼如下:
var newTR=TableOBJ.insertRow(N);

代碼如下:
其中N表示插入到第幾行!
說明:當N=0時,插入到最上面一行!當N=-1時插入到最后一行,相當省略該參數!
insertCell()

代碼如下:
var newTD=TrOBJ.insertCell(N);

其中N表示插入到第幾列!
說明:當N=0時,插入到最上面一行!當N=-1時插入到最后一行,相當省略該參數!
下面為一實例代碼:
代碼如下:

<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();
//設置列內容和屬性
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需刷新才能執行]

上一篇：JS是否可以跨文件同時控制多個iframe頁面的應用技巧

下一篇：比較簡單的jquery教程 Easy Ajax with jQuery 中文版全集第1/3頁