首先，我們來(lái)看一下insertrow的基本語(yǔ)法：
| 第一行 |
| 第二行 |
這里我們準(zhǔn)備了一個(gè)簡(jiǎn)單的表格，并在頁(yè)面上添加了一個(gè)按鈕。當(dāng)點(diǎn)擊按鈕時(shí)，insertRow函數(shù)被調(diào)用。這個(gè)函數(shù)首先通過(guò)getElementById方法獲取了表格對(duì)象，然后用insertRow方法在表格的最后一行插入了一個(gè)新的行，再通過(guò)insertCell方法往這個(gè)新行中插入了一個(gè)單元格，最后使用innerHTML方法將單元格的內(nèi)容設(shè)置為"新行"。
除了像上面這樣在表格的最后一行插入新行，insertRow方法還支持在表格中插入任意位置的行。例如，下面這個(gè)例子將在表格的第二行前插入一行：
| 第一行 |
| 第二行 |
| 第三行 |
在insertRow方法的括號(hào)里指定的數(shù)字表示要插入的行的位置。這個(gè)數(shù)字的取值范圍是從0到表格行數(shù)-1，其中0表示在表格第一行前面插入新的行，-1表示在表格最后一行后面插入新的行。需要注意的是，如果插入的行位置在已有行數(shù)的范圍外，insertRow將會(huì)拋出錯(cuò)誤。
除了插入新的行，insertRow還支持在已有行中插入新的單元格。例如，下面這個(gè)例子在第一行的第二個(gè)單元格后插入了一個(gè)新的單元格：
| 第一行的第一個(gè)單元格 | 第一行的第二個(gè)單元格 |
| 第二行的第一個(gè)單元格 | 第二行的第二個(gè)單元格 |
同樣，我們可以使用insertRow方法插入新的行，并在新行中插入新的單元格。這樣，就可以實(shí)現(xiàn)在任意位置插入新的單元格了。
最后，我們來(lái)看一個(gè)稍微復(fù)雜一些的例子。下面這個(gè)例子實(shí)現(xiàn)了一個(gè)簡(jiǎn)單的表格，可以動(dòng)態(tài)地增加和刪除行：
| 姓名 | 性別 | 年齡 | 操作 |
|---|---|---|---|
| 小明 | 男 | 18 | |
| 小紅 | 女 | 20 |
這個(gè)例子中，我們首先創(chuàng)建了一個(gè)表格，里面包含了每個(gè)人的姓名、性別、年齡以及刪除按鈕。當(dāng)點(diǎn)擊"增加一行"按鈕時(shí)，我們會(huì)調(diào)用insertRow函數(shù)，在表格的最后一行插入一行新的數(shù)據(jù)，并用input元素填充每個(gè)單元格的內(nèi)容。當(dāng)點(diǎn)擊每一行的"刪除"按鈕時(shí)，我們會(huì)調(diào)用deleteRow函數(shù)，找到被刪除的行并將其從表格中刪除。
通過(guò)這個(gè)例子的實(shí)現(xiàn)，我們可以發(fā)現(xiàn)，insertRow方法不僅可以在表格中插入新的行，還可以在新行中插入任意位置的單元格。這個(gè)方法可以非常方便地實(shí)現(xiàn)表單的動(dòng)態(tài)增加和刪除，極大地方便了Web開(kāi)發(fā)者的工作。我們希望本文對(duì)初學(xué)者們的學(xué)習(xí)有所幫助，也歡迎大家提出寶貴的意見(jiàn)和建議。