- ベストアンサー
javascriptでテーブルの一定数の列ごとにtrタグが挿入されるようにしたい
- javascriptでテーブルの一定数の列ごとにtrタグが挿入されるようにしたいのですが、具体的にどのように組んで行けば良いのか分からず困っています。
- 要約文2
- 要約文3
- oshiyanyan
- お礼率100% (1/1)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
「一応」サンプル IE,Firefox,Safari(Win版),Operaで確認。 ただし、Operaの表示だけがちょっと変。 Opera developer toolsで確認すると結果は想定どおりなんだけど…??。 <html> <head> <title></title> <script type="text/javascript"> function sample(tableId){ var oTable = document.getElementById(tableId); var workTable = oTable.cloneNode(1); var cellArr = workTable.getElementsByTagName('td'); for(var i=oTable.tBodies[0].childNodes.length-1;i>=0;i--) oTable.tBodies[0].removeChild(oTable.tBodies[0].childNodes[i]); var c=0; var line = 0; while(cellArr[c]){ var TR = oTable.tBodies[0].insertRow(line++); for(var i=0;i<3;i++,c++){ if(cellArr[c]) TR.appendChild(cellArr[c].cloneNode(1)); else TR.insertCell(i); } } } </script> </head> <body> <table id="t001" border="1"> <tr> <td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> <td>6</td> <td>7</td> <td>8</td> <td>9</td> <td>0</td> </tr> </table> <input type="button" value="テーブル再構成" onclick="sample('t001')"> </html>
お礼
お礼が遅くなって申し訳ございません。 希望通りの動作が実現すると共に、大変勉強になって感謝しています。ありがとうございました。