動的に追加されたテーブル行にチェックボックスを追加します。

Question

セルを動的に追加するテーブルがあります。私はセル要素の1つとしてチェックボックスを追加したいと思います。具体的には、row0の要素cell_0。 私はcell_0.innerHTML = <input type = "checkbox />;を試しましたが、うまくいきませんでした。

var row0 = document.getElementById("jobsTable").insertRow(0); 
var cell_0 = row0.insertCell(0); 
cell_0.innerHTML = <input type="checkbox"/> ; 
var cell_1 = row0.insertCell(1); 
cell_1.innerHTML = "CIT Suite"; 
var cell_2 = row0.insertCell(2); 
cell_2.innerHTML = "Buildroot"; 

<table id="jobsTable" class="container" align="center" style="width:40%"> 
</table> 

ご協力いただきましてありがとうございます。

Answer 1

あなたはhtmlを引用する必要があります。 cell_0.innerHTML = '<input type="checkbox"/>';