Put zmiennej JavaScript w kodzie innerHTML

Question

tworzę tabelę dynamiczną tabelę z 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); 

chcę wypełnić cell5 z jakimś innerHTML ze zmienną JavaScript wewnątrz

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

ale to daje dodać [3] w html zamiast wartości wewnątrz dodaj [3].

Moje pytanie brzmi: jak uciec zmiennej wewnątrz kodu innerHTML, więc pokazuje mi wartość, a nie deklarację.

Answer 1

Użyj "+".

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

Answer 2

Zastosowanie String konkatenacji jak

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

gdzie podobnie jak w twoim przypadku, oświadczenie będzie:

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