提问，手工添加cell后，如何隐藏cell中的<td 控件，style='display:none'不生效

Question

利用javascript手工添加一行时，其中一个cell代码如下，
 var cell = row.insertCell(3);
 cell.align="right";  
 cell.innerHTML = "<td style='display:none'><input type='text' name='ct_id'  value = '' readOnly='true'  ></td>"; 
td style='display:none' 在页面中好使，但是在cell.innerHTML 中就不生效了，请给帮忙解决，或给出其他建议，谢谢

Answer 1

var cell = row.insertCell(3); 
cell.align="right";   
cell.innerHTML = "<td style='display:none'><input type='text' name='ct_id' value = '' readOnly='true' ></td>";  

Answer 2

var cell = row.insertCell(3); 
cell.align="right";   
cell.innerHTML = "<td style='display:none'><input type='text' name='ct_id' value = '' readOnly='true' ></td>";  
是否是因为cell.innerHTML 的双引号，将 style的单引号屏蔽不生效的？哪位知道，请指教

Answer 3

cell.innerHTML = "<input type='text' name='ct_id' value = '' readOnly='true' >";   
cell.style.display="none";