Put a Javascript variable into a innerHTML code

Question

I'm creating a table dynamic table with 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);

I want to fill the cell5 with some innerHTML with a Javascript variable inside

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

but this give add[3] in the html instead of the value inside add[3].

My question is how to escape the variable inside the innerHTML code, so it shows me is value and not the declaration.

There's currently no syntax for string interpolation. You can create a method that defines such behavior for strings, or you can simply concatenate the values in. — user1106925
– user1106925, Commented May 9, 2013 at 17:29

parnas · Accepted Answer · 2013-05-09 17:27:48Z

21

Use "+".

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

answered May 9, 2013 at 17:27

parnas

7235 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Afnan Ahmad Over a year ago

What if the value is saying undefined but after logging the variable in console we can see the result

Kailash Yadav · Accepted Answer · 2013-05-09 17:33:56Z

2

Use String concatenation like

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

Where as in your case, statement will become:

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

answered May 9, 2013 at 17:33

Kailash Yadav

1,9402 gold badges18 silver badges37 bronze badges

Collectives™ on Stack Overflow

Put a Javascript variable into a innerHTML code

2 Answers 2

1 Comment

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Linked

Related