How to create img tag string in javascript

Question

I am trying to create image tag string in javascript. This image tag in part of table row string. At the end I will append this table row string to mvc webgrid using jquery.

I have a javascript function which returns this new row

function getNewRow(email, friendlyName) {
 var imgSrc = "/Content/Images/User.png";

 // Create the new row html
 var newRow = '<tr class=\"' + rowClass + '\">' +    
'<td><text><img src\"' + imgSrc + '\"></text></td>' +
 '<td>' + email + '</td>' +    
 '<td>' + friendlyName + '</td>' +     
 '</tr>'
 return newRow;
  }

I will append returned string to webgrid object.

// Append the new Row
 $('#group').append(newRow);

But the image tag is not showing proper image. The forward slash is removed after appending. Used encodeURIComponent function but no use. How to make it to show the image properly.

'<td><text><img src="' + imgSrc + '"></text></td>' - need to have = after src and no need to escape " using \" — Arun P Johny
– Arun P Johny, Commented Oct 26, 2015 at 12:41
Possible duplicate of How to create a new img tag with JQuery, with the src and id from a JavaScript object? — Lucas Rodrigues
– Lucas Rodrigues, Commented Oct 26, 2015 at 12:41
Possible duplicate of How to escape a single quote ( ' ) in JavaScript? — h2ooooooo
– h2ooooooo, Commented Oct 26, 2015 at 12:42

Griffith · Accepted Answer · 2015-10-26 12:42:00Z

1

You have <img src\"' + imgSrc + '\"></text></td> when it should be <img src=\"' + imgSrc + '\"></text></td>. Notice the missing =.

answered Oct 26, 2015 at 12:42

Griffith

3,2171 gold badge19 silver badges30 bronze badges

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

Comments

Oday Fraiwan · Accepted Answer · 2015-10-26 12:42:16Z

1

It seems that you have a typo in the second line of newRow declaration, you are missing the = sign after src attribute

answered Oct 26, 2015 at 12:42

Oday Fraiwan

1,1571 gold badge9 silver badges23 bronze badges

Collectives™ on Stack Overflow

How to create img tag string in javascript

2 Answers 2

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Linked

Related