表格中动态添加了两行和两个单元格

关注

转载最新推荐文章于 2024-02-29 16:43:20 发布 1.5k 阅读 AI 写同款· GEO 优化 ›

TableLayout，实现动态添加和删除行，并实现统计表格中的数据 TableLayout，实现动态添加和删除行，判断行中的数据是否含有空值，可以手动地输入数据，也可以选择数据添加在表格中，并实现统计表格中的数据。立即下载

表格中动态添加了两行和两个单元格。
------------------------------------------
<SCRIPT>
function createRows(){
// 插入两行。
var oRow1=oTable.insertRow(oTable.rows.length);
var oRow2=oTable.insertRow(oTable.rows.length);
// 获取表格的行集合。
var aRows=oTable.rows;
// 获取第一行的单元格集合。
var aCells=oRow1.cells;
// 在第一行中插入两个单元格。
var oCell1_1=aRows(oRow1.rowIndex).insertCell(aCells.length);
var oCell1_2=aRows(oRow1.rowIndex).insertCell(aCells.length);
// 获取第二行的单元格集合。
aCells=oRow2.cells;
// 在第二行中插入两个单元格。
var oCell2_1=aRows(oRow2.rowIndex).insertCell(aCells.length);
var oCell2_2=aRows(oRow2.rowIndex).insertCell(aCells.length);
// 为 4 个新单元格添加规范的 HTML 值。
oCell1_1.innerHTML="<B>Cell 1.1!</B>";
oCell1_2.innerHTML="<B>Cell 1.2!</B>";
oCell2_1.innerHTML="<B>Cell 2.1!</B>";
oCell2_2.innerHTML="<B>Cell 2.2!</B>";
}
</SCRIPT>
<INPUT TYPE="button" VALUE="创建行" onclick="createRows()">
<TABLE BORDER=1 ID="oTable">
<TR><TD></TD></TR>
</TABLE>

==============================================================

var AllRow=oTable.rows;
var NewRow=oTable.insertRow(oTable.rows.length);
var NewCells=NewRow.cells;
var NewCell1=AllRow(NewRow.rowIndex).insertCell(NewCells.length);
NewCell1.innerText="";