table表格如何實現點擊添加一行

新建一個html文件，定名為test.html，用于實現點擊為表格添加一行的功能。

在test.html頁面，利用table標簽成立一個三行兩列的表格，利用button標簽建立一個"添加一行"的按鈕，實現點擊執行添加一行的操作。

給button按鈕綁心猿意馬點擊事務onclick，用于實現點擊時執行添加行的函數addtr（），代碼如下：

編寫給表格添加一行的代碼。利用table表格的id（testTbl）挪用添加行的方式insertRow（），實現為表格添加一行。

編寫添加兩列單位格的代碼。利用新添加的行對象（newTr）挪用添加列單位格的方式insertCell（），挪用兩次，添加兩列單位格。

編寫添加單位格內容的代碼。利用列對象的屬性innerHTML、innerText來設置兩個單位格的內容。

注：

innerHTML，設置帶HTML的內容。

innerText，設置文本內容。

在瀏覽器運行test.html文件，查看實現功能。

0 條評論