innerHTML,DOM元素,背景颜色,风格

时间:2013-01-15 20:06:51

标签: javascript dom dynamic innerhtml

我通过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);

0 个答案:

没有答案