Adding an img element to a div with javascript

I am trying to add an img to the placehere div using JavaScript, however I am having no luck. Can anyone give me a hand with my code?

<html> <script type="text/javascript"> var elem = document.createElement("img"); elem.setAttribute("src", "images/hydrangeas.jpg"); elem.setAttribute("height", "768"); elem.setAttribute("width", "1024"); elem.setAttribute("alt", "Flower"); document.getElementById("placehere").appendChild("elem"); </script> <body>  <div id="placehere">  </div>  </body> </html>

How do you insert an image in JavaScript?

Create Image Element in JavaScriptCreate an image element using the createElement() method on the document object. Then, set an image URL to its src attribute. Finally, add the image element to the DOM hierarchy by appending it to the body element.

document.getElementById("placehere").appendChild(elem);

not

document.getElementById("placehere").appendChild("elem");

and use the below to set the source

elem.src = 'images/hydrangeas.jpg';

Related questions

When exactly the $(document).ready callback is executed?

Safari Developer Tools: How to Preserve Console Log Upon Navigation?

Javascript ES6 spread operator on undefined [duplicate]

Fastest way to convert a number to radix 64 in JavaScript?

React.js ES6 avoid binding 'this' to every method

Performance impact of using css / javascript source-maps in production?

When to use Requirejs and when to use bundled javascript?

$.each() vs for() loop - and performance

How do I get console input in spidermonkey JavaScript?

"javascript:void(0);" vs "return false" vs "preventDefault()"

When using callbacks inside a loop in javascript, is there any way to save a variable that's updated in the loop for use in the callback? [duplicate]

Load external JS from bookmarklet?

How to return data from promise [duplicate]

Blur event stops click event from working?

Why is array.push sometimes faster than array[n] = value?

Is there a way to check if two DOM elements are equal?

What are the pros and cons of fs.createReadStream vs fs.readFile in node.js?

Getting "TypeError: failed to fetch" when the request hasn't actually failed

What is the recommended way to pass urls as url parameters?

Calling a Javascript Function from Console

Adding an img element to a div with javascript

Tags:

javascript

dom

Andrew De Forest

People also ask

1 Answers

Ghyath Serhal

Recent Activity

Donate For Us