Question

如何在2之间创建表格行？我使用下面的代码创建一行。

 if (!document.getElementsByTagName) return;
         tabBody=document.getElementsByTagName("TBODY").item(0);

         row=document.createElement("TR");

         cell1 = document.createElement("TD");

         textnode1=document.createTextNode('');

         cell1.appendChild(textnode1);


         row.appendChild(cell1);

         tabBody.appendChild(row);


}

其实我想把它创建为中间行。目前我的表有2行。

Answer 1

表公开了自己的方法，可用于修改它：

- insertRow 
- deleteRow

表行公开了一个可用于插入新单元格的方法： insertCell。
Here是一些基本的例子。

Answer 2

表格元素有their own methods for manipulating them，因此您可以使用.insertRow()方法和.insertCell()

var table = document.getElementsByTagName('table')[0];
var middleRow = table.insertRow( Math.floor( table.rows.length / 2 ) );
var cell1 = middleRow.insertCell(0);
var textnode1=document.createTextNode('');
cell1.appendChild( textnode1 );

演示 http://jsfiddle.net/gaby/yA7Rg/

Answer 3

尝试使用insertBefore;首先计算中间行的索引，然后在nextSibling之前插入以获取行到右边的索引

tabBody.insertBefore(row, tabBody.childNodes[0].nextSibling);

使用javascript在2行之间创建一个表行？

3 个答案: