js 增加行

yangzhuluo

于 2009-01-12 13:26:19 发布

阅读量183

点赞数

分类专栏：开发中遇到过的JavaScript 文章标签： javascript ViewUI

开发中遇到过的JavaScript 专栏收录该内容

2 篇文章

订阅专栏

<table id="testTbl" border=1> 

<tr id="tr1"> 
<td >第一行</td> 
<td >第一行</td> 
<td >第一行</td> 
<td >第一行</td> 
</tr> 

</table> 

动态添加表行的javascript函数如下： 

<script language="javascript"> 

function addRow(){ 

//添加一行 

var newTr = testTbl.insertRow(); 

//添加列 

var newTd0 = newTr.insertCell(); 
var newTd1 = newTr.insertCell(); 
var newTd2 = newTr.insertCell(); 
var newTd3 = newTr.insertCell(); 

//设置列内容和属性 

newTd0.innerHTML = '新增加的行'; 
newTd1.innerText= '新增加的';
newTd2.innerText= '新增加的';
newTd3.innerText= '新增加的';
}
</script> 

<BR>
<a href="#" onclick="addRow();">增加</a>