How to create a new img tag with JQuery, with the src and id from a JavaScript object?



To create a new img tag in JavaScript, pass an HTML string to the constructor,

var myImg = $('<img id="dynamic">');

$(document.createElement(myImg));
myImg.attr('src', responseObject.imgurl);

You can also use the following code to create a new img tag with the attributes like src, id, etc −

var myImg = $('<img />', {
   id: 'id1',
   src: exampleimg.png',
   alt: 'Alt text'
});

Advertisements