javascript tableの中にチェックボックスを入れたい

Question

Javascriptのtableタグについて質問いたします。
フレームワークを使わず、動的にtbodyを追加しtbodyの中にチェックボックスを入れた状態を作りたいです

htmlで以下のコードがあったとします

<table> <thead id="tableHeader"> <tr> <th class="thCheckBox"></th> </tr> </thead> <tbody id="tableBody"> </tbody> </table> <script src="app.js"></script>

//js
//少しコードを省略

const tableId = document.createElement('td')
tableRecord.appendChild(thCheckBox)

tdの中にチェックボックスを入れたいのですが、どの辺りをいじれば良いのか分からずにいます

ご教授願います

Comments

[m.ts10806]

createElement、appendChild　が何者か分かっていれば明白かと思います。
「いじれば」と仰いますが、修正ではなく追加ですよね。ここから書くコード量のほうが多い状態では「いじる」という表現は適当ではないです。
作業依頼に近くなるのでまず思うようにやってみては。

Answer 1

  const ch=Object.assign(document.createElement('input'),{type:"checkbox",name:"ch",value:"1"});
  const td=document.createElement('td');
  document.querySelector('#tableBody').appendChild(td);
  td.appendChild(ch);

Comments

[rin.job]

何度か試したり参考にしながらコードを少し変えてやっているのですが、どうしてもうまくいかないですね…
チェックボックスは作れるのですが、いまいちテーブルの中に入らないです

[yambejp]

codepenに回答のまんまサンプル上げておきます

https://codepen.io/yambejp/pen/RwRqQXv

[rin.job]

こちらを参考に進めましたら、先ほど無事実装できました

ありがとうございます