Javascript innerHTML、DOM元素、背景色、样式

我通过DOM元素和innerHTML向表中添加行。它能工作，唯一的问题是cell3。背景色不会显示。我相信这是因为cell3有一个附加元素。帮忙

        var table = document.getElementById("vessel_tab");

        var rowCount = table.rows.length;
        var row = table.insertRow();
        //row.style.backgroundColor="#7F9EBE"; doesn't work as bg for entire row

        var cell1 = row.insertCell(0);
        cell1.style.backgroundColor="#7F9EBE"; working  

        cell1.innerHTML = "<font color='#000'><strong>EMS 345</strong></font>";
        cell1.colSpan = 2;

        var cell3 = row.insertCell(1);
        cell3.style.backgroundColor="#7F9EBE"; !NOT WORKING

        var element1 = document.createElement("input");
        element1.type = "checkbox";
        cell3.innerHTML = "<img title='remove'  src='images/delete-row-icon1.png' class='sub_icon remove'/> &nbsp;";
        cell3.appendChild(element1);

var table=document.getElementById（“容器选项卡”）；
var rowCount=table.rows.length；
var row=table.insertRow（）；
//row.style.backgroundColor=“#7F9EBE”；不作为整行的bg工作
var cell1=行插入单元格（0）；
单元格1.style.backgroundColor=“#7F9EBE”；工作
cell1.innerHTML=“ems345”；
单元格1.colSpan=2；
var cell3=行插入单元格（1）；
单元格3.style.backgroundColor=“#7F9EBE”！不起作用
var element1=document.createElement（“输入”）；
element1.type=“复选框”；
cell3.innerHTML=“”；
第三单元附属物（第1单元）；

row.insertCell（1）correct是否确实返回可以应用背景色的元素？您是否尝试过使用

cssText

属性设置

背景色：“7F9EBE”

？。我改变了cell1细胞的颜色，这样可以看到差异。dystroy，你是怎么修复的？这对我不起作用，我应该补充一点，我正在IE中测试。我需要改变的不是cell1，而是cell3。我知道cell1会发生变化。@triplethreat77是dystroy的JSFIDLE示例，您的原始代码在Chrome中对我有效。在IE10中测试了代码，颜色渲染也很好。