將一個JavaScript變量到innerHTML的代碼

Question

我創建的JavaScript表動態表：

var row = table.insertRow(-1); 
var cell1 = row.insertCell(0); 
var cell2 = row.insertCell(1); 
var cell3 = row.insertCell(2); 
var cell4 = row.insertCell(3); 
var cell5 = row.insertCell(4); 

我想用一個JavaScript變量裏面填充一些innerHTML的的cell5

var add = aux[i].split("#"); 
cell5.innerHTML = "<img src='MatrixLogos/add[3]' width='100' height='25'/>"; 

但是這給了在html中添加[3]而不是add [3]中的值。

我的問題是如何轉義innerHTML代碼內的變量，所以它顯示我是價值而不是聲明。

Answer 1

使用「+」。

var add = aux[i].split("#"); 
cell5.innerHTML = "<img src='MatrixLogos/"+add[3]+"' width='100' height='25'/>"; 

Answer 2

使用String拼接像

var add = aux[i].split("#"); 
var string = "This is to " + add[3] + " test with value"; 

凡爲你的情況，聲明會變成：

cell5.innerHTML = "<img src='MatrixLogos/"+add[3]+"' width='100' height='25'/>";