javascript動態(tài)添加單元格的腳本代碼
更新時間：2007年11月24日 12:33:12 作者：
如何動態(tài)添加單元格!!
用insertRow()和insertCell()方法
其用法如下:
insertRow()
var newTR=TableOBJ.insertRow(N);
其中N表示插入到第幾行!
說明:當N=0時,插入到最上面一行!當N=-1時插入到最后一行,相當省略該參數(shù)!
insertCell()
var newTD=TrOBJ.insertCell(N);
其中N表示插入到第幾列!
說明:當N=0時,插入到最上面一行!當N=-1時插入到最后一行,相當省略該參數(shù)!
下面為一實例代碼:
<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需再刷新一下頁面才能執(zhí)行]
復制代碼 代碼如下:
用insertRow()和insertCell()方法
其用法如下:
insertRow()
復制代碼 代碼如下:
var newTR=TableOBJ.insertRow(N);
復制代碼 代碼如下:
其中N表示插入到第幾行!
說明:當N=0時,插入到最上面一行!當N=-1時插入到最后一行,相當省略該參數(shù)!
insertCell()
復制代碼 代碼如下:
var newTD=TrOBJ.insertCell(N);
其中N表示插入到第幾列!
說明:當N=0時,插入到最上面一行!當N=-1時插入到最后一行,相當省略該參數(shù)!
下面為一實例代碼:
復制代碼 代碼如下:
<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需再刷新一下頁面才能執(zhí)行]
相關文章
這篇文章主要介紹了基于 antd pro 的短信驗證碼登錄功能(流程分析),本文通過實例代碼流程分析給大家介紹的非常詳細，具有一定的參考借鑒價值，需要的朋友可以參考下2021-05-05
JavaScript使用SpreadJS創(chuàng)建Excel查看器
在現(xiàn)代的Web應用開發(fā)中,Excel文件的處理和展示是一項常見的需求,小編今天將為大家展示如何借助SpreadJS來創(chuàng)建一個Excel查看器,感興趣的小伙伴可以了解下2023-12-12
快速實現(xiàn)JS圖片懶加載(可視區(qū)域加載)示例代碼
目前很多網站，在圖片加載時均采用了一種名為懶加載的方式，具體表現(xiàn)為，當頁面被請求時，只加載可視區(qū)域的圖片，其它部分的圖片則不加載，只有這些圖片出現(xiàn)在可視區(qū)域時才會動態(tài)加載這些圖片，下面本文就介紹了JS圖片懶加載(可視區(qū)域加載)的實現(xiàn)方法，一起來看看吧。2017-01-01
許多人對JavaScript的原型及原型鏈仍感到困惑，網上的文章又大多長篇大論，令讀者不明覺厲。下面小編將用最簡潔明了的圖文介紹JavaScript的原型及原型鏈。2016-08-08
本文主要介紹了three.js中物體的燈光與陰影設置，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2023-07-07
JavaScript中rxjs與?Observable?兩大類操作符解析
這篇文章主要介紹了JavaScript中rxjs與?Observable?兩大類操作符解析,運算符是對?Observable?進行操作并返回?Observable?的函數(shù)，文章圍繞主題展開詳細內容，需要的小伙伴可以參考一下2022-07-07
JavaScript事件學習小結(五）js中事件類型之鼠標事件
這篇文章主要介紹了JavaScript事件學習小結(五）js中事件類型之鼠標事件的相關資料,非常不錯具有參考借鑒價值，需要的朋友可以參考下2016-06-06
現(xiàn)在網站換皮膚是比較常見的功能，大多數(shù)論壇都有的，要想實現(xiàn)這樣效果可以看如下代碼.2009-11-11
本文給大家分享一段實例代碼給大家詳細介紹了JavaScript實現(xiàn)短信倒計時60s功能，非常不錯，具有參考借鑒價值，需要的朋友參考下吧2017-10-10
這篇文章主要介紹了JS事件流與事件處理程序,結合實例形式分析了事件流與事件處理程序相關概念、原理、用法及操作注意事項,需要的朋友可以參考下2019-08-08