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)文章
簡(jiǎn)單談?wù)凜ommonsChunkPlugin抽取公共模塊
下面小編就為大家分享一篇簡(jiǎn)單談?wù)凜ommonsChunkPlugin抽取公共模塊，具有很的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2017-12-12
下面小編就為大家?guī)?lái)一篇詳談js模塊化規(guī)范。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-07-07
Bootstrap3 datetimepicker控件使用實(shí)例
這篇文章主要為大家詳細(xì)介紹了Bootstrap3 datetimepicker控件使用實(shí)例，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-12-12
正則表達(dá)式是javascript操作字符串的一個(gè)重要組成部分，然而，在ES6中，隨著字符串操作的變更， ES6也對(duì)正則表達(dá)式進(jìn)行了一些更新。本文將詳細(xì)介紹ES6正則表達(dá)式擴(kuò)展2017-07-07
javascript實(shí)現(xiàn)自動(dòng)輸出文本（打字特效）
文字如何實(shí)現(xiàn)打字的效果呢?在瀏覽網(wǎng)頁(yè)的時(shí)候也經(jīng)常能看到這種效果。本文給大家匯總介紹了幾種打字效果的文字特效,文字一個(gè)一個(gè)地打印在頁(yè)面上。2015-08-08
總結(jié)JavaScript中布爾操作符||與&&的使用技巧
這篇文章主要介紹了總結(jié)JavaScript中布爾操作符||與&&的使用技巧,是JS入門學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下2015-11-11
javascript createAdder函數(shù)功能與使用說(shuō)明
createAdder（x）是一個(gè)函數(shù)，返回一個(gè)函數(shù)。在JavaScript中，函數(shù)是第一類對(duì)象：另外它們可以被傳遞到其他函數(shù)作為參數(shù)和函數(shù)返回。在這種情況下，函數(shù)返回本身就是一個(gè)函數(shù)接受一個(gè)參數(shù)，并增加了一些東西。2010-06-06
本篇文章主要介紹了詳解Webpack DLL用法以及功能，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-07-07
基于JavaScript實(shí)現(xiàn)文字超出部分隱藏
這篇文章主要介紹了基于JavaScript實(shí)現(xiàn)文字超出部分隱藏 的相關(guān)資料,需要的朋友可以參考下2016-02-02
接口是一系列抽象方法的聲明，是一些方法特征的集合，這些方法都應(yīng)該是抽象的，需要由具體的類去實(shí)現(xiàn)，然后第三方就可以通過(guò)這組抽象方法調(diào)用，讓具體的類執(zhí)行具體的方法，泛型是靜態(tài)類型語(yǔ)言的基本特征，允許將類型作為參數(shù)傳遞給另一個(gè)類型、函數(shù)、或者其他結(jié)構(gòu)2022-10-10