JavaScript 从动态创建的表中自定义文本

Question

我在尝试使用 JavaScript 将表格动态添加到 HTML 时遇到了一些问题。

我得到一个数组，我的示例数据是[0,0,5,2,7,5,4,5,0]

我的 HTML:

<div id="ftw" style="min-width:80px; overflow:auto; overflow-x:hidden; overflow-y:hidden; display:none;">
    <table id="ft" class="table" style="font-size:13.5px">

    </table>
</div>

我的 JavaScript:

document.getElementById('ftw').style.display = 'block';
        var table = document.getElementById("ft");

        // helper function        
        function addCell(tr, text) {
            var td = tr.insertCell();
            td.textContent = text;
            return td;
        }

我想做一些类似当item == 0时的事情，然后我将字体设置为红色。如果 item > 0，我想将 item 加粗。

有什么想法可以实现这一目标吗？

Answer 1

这里是JsFiddle ..

我改变td.textContent至td.innerHTML并添加row.style.color="red"; addCell(row, 'Every <b>' + item + '</b> day(s)');

 function addCell(tr, text) {
            var td = tr.insertCell();
            td.innerHTML = text;
            return td;
        }



dataset.forEach(function (item) {
            var row = table.insertRow();
            if(item == 0){
            row.style.color="red";
                addCell(row, 'No record');
            }else{  
                addCell(row, 'Every <b>' + item + '</b> day(s)');

            }
        });