Question

我在javascript中有一个函数来改变html表中某些单元格的背景颜色

<script language="javascript">
function GetAllValues() {
    var tbl = document.getElementById("monitor");
        for (var i = 0; i < tbl.rows.length; i++){
                if (parseInt(tbl.rows[i].cells[6].innerHTML) == 1){
                         tbl.rows[i].cells[5].style.backgroundColor = "green";
                }else if (parseInt(tbl.rows[i].cells[6].innerHTML) == 2){
                        tbl.rows[i].cells[5].style.backgroundColor = "yellow";
                }else if (parseInt(tbl.rows[i].cells[6].innerHTML) == 3){
                        tbl.rows[i].cells[5].style.backgroundColor = "red";
                }else if (parseInt(tbl.rows[i].cells[6].innerHTML) == 5){
                        tbl.rows[i].cells[5].style.backgroundColor = "gray";
                }else{
                        tbl.rows[i].cells[5].style.backgroundColor = "white";
                        }
</script>

但我需要添加＆＃34; span＆＃34;标记为单元格的值，如下所示：

<span class="label label-success">table cell value</span>

我不知道如何将此标记添加到单元格中。

你能给我一些片段或链接，我可以提出一些想法。

提前致谢

Answer 1

通过连接它们，将innerHTML设置为包含span标记的当前innerHTML值。

tbl.rows[i].cells[6].innerHTML = '<span>' + tbl.rows[i].cells[6].innerHTML + '</span>'

使用javascript函数将span标记添加到html表

1 个答案: