使用Javascript動態增加，刪除表格（使用DHTML對象模型）

原創

2020-02-21 18:39

<html>

<head>

function deleteRow(index){

var tableObj=document.getElementById("mytable");

tableObj.deleteRow(index);

}

function addRow(){

var tableObj=document.getElementById("mytable");

var newRowObj=tableObj.insertRow(tableObj.rows.length);

var newColName=newRowObj.insertCell(newRowObj.cells.length);

var newColAge=newRowObj.insertCell(newRowObj.cells.length);

var newColButton=newRowObj.insertCell(newRowObj.cells.length);

newColName.innerHTML=document.getElementById("newName").value;

newColAge.innerHTML=document.getElementById("newAge").value;

newColButton.innerHTML='<input type="button" value="刪除" οnclick="deleteRow('+(tableObj.rows.length-1)+')">';

}

</script>

</head>

<body>

<tr>

</tr>

<tr>

<td>gaoxiang</td>

</tr>

<tr>

<td>gaoxiang</td>

</tr>

</table>

</body>

</html>

發佈了116 篇原創文章 · 獲贊 2 · 訪問量 29萬+

發表評論

所有評論

還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.