我最近一直在學Javascript,?因為在項目用的比較多，雖然現在大家都在說Web標準，實際上還沒有一個嚴格的定義，我理解的Web標準是把結構、表現、行為這三者結合表現出來就OK了。那用什么來表現呢？當然是CSS樣式，行為用什么來控制呢？就是Javascript,可想而知學習Javascript的重要性了，當然除了Javascript，還有Vbscript,不過本人比較傾向Javascript ,我也是剛學Javascript,以前一直忽視它，希望感興趣的朋友一起學習，共同提高，哪位在這方面有經驗的可以共享一下，好的論壇，網站，書籍等等！
回到話題：今天要說的是用JS腳本實現表格動態增加行。



實現代碼：

<! DOCTYPE?HTML?PUBLIC?"-//W3C//DTD?HTML?4.0?Transitional//EN" >
< HTML >
< HEAD >
< TITLE > ?Test? </ TITLE >
< META? NAME ="Generator" ?CONTENT ="EditPlus" >
< META? NAME ="Author" ?CONTENT ="" >
< META? NAME ="Keywords" ?CONTENT ="動態增加行" >
< META? NAME ="Description" ?CONTENT ="http://qwzsky.cnblogs.com/" >
</ HEAD >
< style? type ="text/css" >
table {
?border? : ?1px?solid?black? ;
}
td {
?width? : ?100px? ;
?border? : ?1px?solid?black? ;
}
</ style >

< script? language ="javascript" ?type ="text/javascript" >
var ?rowNum? = ? 0 ;
function ?insertRow()
{
var ?table1? = ?document.getElementById( " tbl " );
var ?tr1? = ?document.createElement( " tr " );

for ?( var ?j = 0 ;j < 3 ;?j ++ )
{
var ?td1? = ?document.createElement( " td " );
var ?tn? = ?document.createTextNode(rowNum);
td1.appendChild(tn);
tr1.appendChild(td1);
}
rowNum? = ?rowNum? + ? 1 ;
// alert(tr1.childNodes[0].innerText);
table1.childNodes[ 0 ].appendChild(tr1);
// alert(table1.outerHTML);
}
</ script >

< BODY >
< input? id ="Insert" ?type ="button" ?value ="Insert" ?onclick ="insertRow();" >
< table? border ="1" ?id ="tbl" >
??? < tr >
?????? < td > NO </ td >
?????? < td > UserID </ td >
?????? < td > Name </ td >
??? </ tr >
</ table >
</ BODY >
</ HTML >

?keyword :?動態增加行,表格增加行,js動態增加行,?追加行,table行追加

?

轉載于:https://www.cnblogs.com/Qizai/archive/2007/09/18/897752.html

總結

以上是生活随笔為你收集整理的表格动态增加行(JS)的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。