<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> 添加行小技巧 </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<style>
td{
border-style:solid;border-width:1;border-color:green;width:300px;
}tr{
border-style:solid;border-width:1;border-color:green;width:300px;
}
</style></HEAD><BODY>
<TABLE id="thetable">
<TR>
<TD>1</TD>
<TD>2</TD>
<TD>3</TD>
<TD>4</TD>
</TR>
<TR>
<TD>1</TD>
<TD>2</TD>
<TD>3</TD>
<TD>4</TD>
</TR></TABLE>
<INPUT TYPE="button" value="添加行" onclick="_insertRow()">
<SCRIPT LANGUAGE="JavaScript">
<!--
function _insertRow(){var newRow;
if(thetable.rows[0]){
//相应条件下cloneNode要比createElement效率快很多
newRow = thetable.rows[0].cloneNode(true);
}else{
newRow = document.createElement("tr");
newRow.appendChild(document.createElement("td"));
}
//注意此处的用法
thetable.rows[0].parentElement.appendChild(newRow);
}
//-->
</SCRIPT>
</BODY>
</HTML>
解决方案 »
免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货