js如何在table中插入一行

JavaScript021

js如何在table中插入一行,第1张

js如何在table中插入一行的方法是定位，插入：

1、通过id定位到myTable对象

var table = document.getElementById("myTable")

2、创建一个空的<tr>标签，并且插入到第一行：

var row = table.insertRow(0)

3、插入两列：

var cell1 = row.insertCell(0)

var cell2 = row.insertCell(1)

4、给列分别赋值：

cell1.innerHTML = "NEW CELL1"

cell2.innerHTML = "NEW CELL2"

方法只有一种。

步骤：

1、获取table的dom节点

2、通过js设置table的height属性

代码示例

<body>

<table id='test' border='1'> 定义一个table

<tr>

  <td>111</td><td>222</td>

</tr>

</table>

<script>

var tb = document.getElementById('test')//获取table的dom节点

tb.setAttribute('height',300)//设置table高度为300

</script>