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

しかし、これはadd[3]内の値の代わりにhtmlにadd[3]を与えます。

私の質問は、innerHTML コード内の変数をエスケープする方法です。そのため、宣言ではなく値であることを示しています。

Answer 1

「+」を使用します。

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