将 Javascript 变量放入 innerHTML 代码答案

【问题标题】：Put a Javascript variable into a innerHTML code将 Javascript 变量放入 innerHTML 代码
【发布时间】：2023-03-10 04:28:02
【问题描述】：

我正在使用 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);

我想在 cell5 中填充一些带有 Javascript 变量的 innerHTML

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

但这会在 html 中给出 add[3] 而不是 add[3] 中的值。

我的问题是如何在 innerHTML 代码中转义变量，所以它告诉我是值而不是声明。

【问题讨论】：

目前没有字符串插值的语法。您可以创建一个为字符串定义此类行为的方法，或者您可以简单地连接其中的值。

标签： javascript innerhtml

【解决方案1】：

使用“+”。

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

【讨论】：

谢谢pamrnas，它很有帮助

【解决方案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'/>";

【讨论】：