Adding images to an HTML document with JavaScript

by

You need to use document.getElementById() in line 3.

If you try this right now in the console:

var img = document.createElement("img");
img.src = "http://www.google.com/intl/en_com/images/logo_plain.png";
var src = document.getElementById("header");
src.appendChild(img);
<div id="header"></div>

… you’d get this:

enter image description here

More Related Contents:

  1. jQuery. Find all attribute values within/under elements `script or noscript or iframe` that have attribute keys as `src or href` [closed]
  2. When I load the page the alert(“hey”) function appears, why does the js function execute despite no onClick call? How do I prevent it from doing so?
  3. how to proportionally scale a div with images inside?
  4. How to stop event propagation with inline onclick attribute?
  5. How can I select an element by name with jQuery?
  6. Can scripts be inserted with innerHTML?
  7. How to resolve the C:\fakepath?
  8. How can I simulate a click to an anchor tag?
  9. Finding line-wraps
  10. How to get the element clicked (for the whole document)?
  11. What is offsetHeight, clientHeight, scrollHeight?
  12. How can I get the DOM element which contains the current selection?
  13. How to Implement DOM Data Binding in JavaScript
  14. Can I load an entire HTML document into a document fragment in Internet Explorer?
  15. Getting value of HTML Checkbox from onclick/onchange events
  16. Select all elements with a “data-xxx” attribute without using jQuery
  17. How do image preloaders work?
  18. Get the DOM path of the clicked
  19. How to move table row in jQuery?
  20. contentDocument for an iframe
  21. Remove specific HTML tag with its content from javascript string
  22. JavaScript loading progress of an image
  23. Get elements from page.evaluate in Puppeteer? [duplicate]
  24. Getting HTML elements by their attribute names
  25. How to escape HTML
  26. User Activity Tracking using javascript library [closed]
  27. Is there a way to know if a link/script is still pending or has it failed
  28. How to bind img src to data in Vue
  29. canvas- Cropping images in different shapes
  30. Why is iframe.contentWindow == null?

Leave a Comment