これが私のテーブルです。
<tr>
<td>One</td>
<td>Two</td>
<td>Three</td>
<td>Four</td>
</tr>
JavaScript を使用して<TD>
、次のような既存の列の間に挿入する必要があります。
<tr>
<td>One</td>
<td></td>
<td>Two</td>
<td></td>
<td>Three</td>
<td></td>
<td>Four</td>
</tr>
次のコードを使用しています。
var trNodes = tBody.getElementsByTagName("TR");
var tRows, tColumns, i = 0, columnLength;
columnLengh = trNodes.length;
while (tRows = trNodes[i++]) {
var tD = document.createElement('TD');
tColumns = tRows.getElementsByTagName('TD');
columnLength = tColumns.length;
if (columnLength >= 2) {
for (var iCol = 0; iCol < tColumns.length; iCol++) {
tColumns[iCol].parentNode.insertBefore(tD, tColumns[iCol].nextSibling);
}
}
}
以下に示すように、最後にノードを作成しますが、その間には作成しません:(
<tr>
<td>One</td>
<td>Two</td>
<td>Three</td>
<td></td><td></td><td></td>
<td>Four</td>
</tr>