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