Mettere una variabile JavaScript in un codice innerHTML

Question

Sto creando una tabella dinamica tavolo con 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); 

Voglio riempire il cell5 con qualche innerHTML con una variabile JavaScript all'interno

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

ma questo aggiunge [3] nell'html invece del valore all'interno di add [3].

La mia domanda è come evitare la variabile all'interno del codice HTML interno, quindi mi mostra il valore e non la dichiarazione.

Answer 1

Utilizzare "+".

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

Answer 2

Usa String concatenazione come

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

Dove, come nel tuo caso, la dichiarazione sarà:

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