将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'/>";