添加span标签用JavaScript函数的HTML表格

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> 

但我需要一个“跨度”标签添加到值像这样的单元格：

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

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

你能给我带来一些片段或链接，我可以采取一些想法。

在此先感谢

Answer 1

设置innerHTML来包裹着通过连接它们的跨度标签当前的innerHTML值。

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