Đặt một biến Javascript vào một mã innerHTML

Question

tôi là tạo ra một bảng năng động bảng với 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); 

tôi muốn lấp đầy cell5 với một số innerHTML với một biến javascript bên

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

nhưng điều này cho phép thêm [3] vào html thay vì giá trị bên trong thêm [3].

Câu hỏi của tôi là cách thoát khỏi biến bên trong mãHTML bên trong, vì vậy nó cho thấy tôi là giá trị chứ không phải khai báo.

Answer 1

Sử dụng "+".

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

Answer 2

Sử dụng String nối như

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

đâu như trong trường hợp của bạn, tuyên bố sẽ trở thành:

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