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'
});

Updated on: 23-Jun-2020

1K+ Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements