add image to document javascript code example

Example 1: javascrpit add image element

function add_img() { 
	var img = document.createElement('img'); 
    img.src = 'https://media.geeksforgeeks.org/wp-content/uploads/20190529122828/bs21.png'; 
	document.getElementById('body').appendChild(img);
}

Example 2: javascript appendchild image node

let img = document.createElement("img");
    img.src = source.getAttribute('data-image');
    document.getElementByID("target").appendChild(img);

Example 3: inject image javascript

button.innerHTML = "<img src="image/image.png">"

Tags:

Html Example