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