关于JS增删Table的操作

最新推荐文章于 2017-12-08 20:45:00 发布

benben0701

最新推荐文章于 2017-12-08 20:45:00 发布

阅读量284

点赞数 1

分类专栏： HTML&amp;&amp;CSS 文章标签： table insert button border function input

本文链接：https://blog.csdn.net/benben0701/article/details/5529496

版权

HTML&&CSS 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

关于JS增删Table的操作
http://www.w3pop.com/tech/school/htmldom/met_table_insertrow.asp?output=print
The insertRow() method is used to insert a new row in a specified position in a table.
insertRow()方法可用来往表格中的指定位置上插入新行

Syntax 语法：tableObject.insertRow(index)

<html>
<head>
<script type="text/javascript">
function insRow()
{
document.getElementById('myTable').insertRow(0)
}
</script>
</head><body>
<table id="myTable" border="1">
<tr>
<td>Row1 cell1</td>
<td>Row1 cell2</td>
</tr>
<tr>
<td>Row2 cell1</td>
<td>Row2 cell2</td>
</tr>
</table>
<form>
<input type="button" οnclick="insRow()"
value="Insert new row before the first row">
</form>
</body></html>