Displaying an image dynamically in a html table in JavaScript

Question

I am trying to display an image in a table. This is what I have tried:

imgv = "/img/koala.jpg";
dcontent = "<table style='background-color:purple;'><tr><td style='width: 100px; color: red;'> Date </td>";
                    dcontent += "<tr><td style='width: 100px;'><img src="' + imgv + '"/></td>";

I am getting a compile time error in the second line:

"; expected".

I tried many syntax like:

<img src=" + imgv + "/></td>

but nothing is getting compiled.

Julien Alary · Accepted Answer · 2015-12-09 15:54:59Z

3

Correct answer is replacing "' + imgv + '" with '" + imgv + "'

imgv = "/img/koala.jpg";
dcontent = '<table style="background-color:purple;"><tr><td style="width:     100px; color: red;"> Date </td>';
dcontent += "<tr><td style='width: 100px;'><img src='" + imgv + "'/></td>";

edited Dec 9, 2015 at 15:54

answered Dec 9, 2015 at 15:51

Julien Alary

7801 gold badge5 silver badges16 bronze badges

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

1 Comment

JD Davis Over a year ago

You still need to surround the src with double quotes. The style attributes as well. I suggest flipflopping the single and double quotes.

szymeo · Accepted Answer · 2015-12-09 15:59:45Z

2

You need to replace "' + imgv + '" with '" + imgv + "', because ' is stronger than ". For example, when you create variable named foo:

var foo = "write sentence 'like' that";

in html you will get just "write sentence that".

SOLUTION is to replace them, then

var foo = 'write sentence "like" that'

will output exactly write sentence "like" that - nothing wrong :-)

answered Dec 9, 2015 at 15:59

szymeo

4414 silver badges19 bronze badges

Collectives™ on Stack Overflow

Displaying an image dynamically in a html table in JavaScript

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related