Agile育成ブログ
未来を変える喜びを
javascript

JavaScript[table]


Warning: count(): Parameter must be an array or an object that implements Countable in /home/xs638785/agile-software.site/public_html/wp-content/plugins/rich-table-of-content/functions.php on line 490

セルのスタイルを記述します。

<head>
  <meta charset="utf-8">
  <title>テスト</title>
  <style>
  table { border-collapse: collapse; }
  td { width: 50px; height: 50px; border: solid 1px; }
  </style>
 </head>

行を追加する

nに-1とすることで最後の行として追加することができます。

insertRow
table要素 . insertRow(n)
  var tstTbl = document.getElementById("testTBL");

セルを追加する

rowに対してinsertCellを行います。

insertCell
tr要素 . insertCell(n)
  var row = tstTbl.insertRow(-1);
<body>
  <table id="testTBL"></table>

  <script>
  var tstTbl = document.getElementById("testTBL");
  var row = tstTbl.insertRow(-1);
  for (var i = 0; i < 3; i++) row.insertCell(-1);
  </script>
 

</body>

You cannot copy content of this page