天天看點

jsp頁面添加行

<!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><input type="text"></TD>

<TD><input type="text"></TD>

<TD><input type="text"></TD>

<TD><input type="text"></TD>

</TR>

</TABLE>

<INPUT TYPE="button" value="添加行" οnclick="_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>

繼續閱讀