jsでテーブルを作りたい。jsで生成したテーブルのtdタグが多い

Question

jsでテーブルを作りたいと考えています。

現在のコードは以下の通りです。

    var table = document.createElement('table');
    var row = table.insertRow( 0 );

    row.insertAdjacentHTML('beforeend', '<td>aaa<td>')
    row.insertAdjacentHTML('beforeend', '<td>bbb<td>')
    row.insertAdjacentHTML('beforeend', '<td>CCC<td>')
    row.insertAdjacentHTML('beforeend', '<td>ddd<td>')

    console.log(table);

生成されるコード

    <table>
      <tbody>
        <tr>
          <td>aaa<td>
          <td><td>
          <td>bbb<td>
          <td><td>
          <td>ccc<td>
          <td><td>
          <td>ddd<td>
          <td><td>
        </tr>
      </tbody>
    </table>

生成したいコード

    <table>
      <tbody>
        <tr>
          <td>aaa<td>
          <td>bbb<td>
          <td>ccc<td>
          <td>ddd<td>
        </tr>
      </tbody>
    </table>

<td>が２つずつ生成されてしまう問題を解決したいです。 ご回答のほどよろしくお願いいたします。

Comments

[kei344]

まだ質問が「受付中」になっていますが、いったん「解決済」にされてはいかがでしょうか。

Answer 1

'<td>aaa</td>'全部タグが閉じられていないので、それを修正してみてください。

Comments

[hazu]

ありがとうございます。

タグを閉じたら、想定通りのテーブルが作成できました。

[kyoya0819]

> タグを閉じたら、想定通りのテーブルが作成できました。

解決されたなら「ベストアンサー」にしてください