Javascript動態添加與刪除Talbe行 _irowindex是什么意思-优快云博客

本文详细介绍了HTML表格的基本操作方法，包括插入行（insertRow）、在指定位置前插入节点（insertBefore）、复制节点（cloneNode）、创建元素（createElement）及删除行（deleteRow）。通过实例代码演示了如何使用这些方法来动态地管理表格数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、insertRow 方法

語法：oTR = object.insertRow([iIndex])

說明： iIndex 可選項，默認為-1，即默認插入到表的最後一行。

返回值：如果成功，返回一對TR元素，否則返回Null

二、insertBefore 方法

語法：oElement = object.insertBefore(oNewNode [, oChildNode])

說明：

oNewNode	必選項，要插入到父對象裡的節點對象，這裡指要插入到表格裡的行對象。可以用 createElement或cloneNode方法來創建行對象.
oChildNode	可選項，目標對象要插入到該對象前。

2.1、cloneNode 方法

語法：oClone = object.cloneNode([bCloneChildren])

說明：bCloneChildren可選項，布爾類型，True則連帶子結點一起拷貝，否則不拷貝。默認為False

2.2、createElement方法

語法：oElement = document.createElement(sTag)

說明： sTag ：必選項，要新增的標記名

舉例代碼：

RowsLen=document.all("tblTarget").rows.length; //得到表格的行數

document.all("tblTarget").children(0).insertBefore

(document.all("tblTarget").rows(1).cloneNode(true),document.all("tblTarget").rows(RowsLen-1)); //新增一行

三、deleteRow 方法

語法：object.deleteRow([iRowIndex])

說明： iRowIndex ：可選項，整型，要刪除的行的索引。默認刪除最後一行。