getElementById Where Element is dynamically created at runtime

by

Did you assign an id to the freshly created element? Did you insert the element into the document tree (using appendChild or insertBefore)? As long as the element is not inserted into the DOM, you can’t retrieve it using document.getElementById.

Example of element creation:

var myDiv = document.createElement('div');
myDiv.id = 'myDiv';
document.body.appendChild(myDiv);
document.getElementById('myDiv').innerHTML = 'this should have worked...';

[edit] Given the later supplied code, a third question emerges: is your script located at the bottom of your html page (right before the closing </body> tag)? If it’s in the header of the document, your scripting may be running before the document tree is completely rendered. If your script has to be in the header of the document, you could use a load handler to run it after rendering of the document:

window.onload = function(){
  document.getElementById("web").innerHTML='<object id="test2"></object>';
  // [...]
  var obj = document.getElementById('test2');
};

More Related Contents:

  1. How to retrieve GET parameters from JavaScript [duplicate]
  2. Async function returning promise, instead of value
  3. Javascript call() & apply() vs bind()?
  4. In what situations would AJAX long/short polling be preferred over HTML5 WebSockets?
  5. Call async/await functions in parallel
  6. Mimicking sets in JavaScript?
  7. Why does javascript object show different values in console in Chrome, Firefox, Safari? [duplicate]
  8. Document.write clears page
  9. Android Calling JavaScript functions in WebView
  10. How to get a style attribute from a CSS class by javascript/jQuery?
  11. Leaflet drawing tiles disjointly
  12. JavaScript summing large integers
  13. What does the comma operator do in JavaScript?
  14. jQuery counting elements by class – what is the best way to implement this?
  15. Why in JavaScript both “Object instanceof Function” and “Function instanceof Object” return true?
  16. Google Maps Display:None Problem
  17. why referencing non-existent property of an object in javascript doesn’t return a reference error?
  18. JavaScript keypress event not raised on Android browser
  19. Three JS – Find all points where a mesh intersects a plane
  20. Is there a splice method for strings?
  21. Javascript anonymous function call [duplicate]
  22. Multiple arguments vs. options object
  23. How to solve Mongoose v5.11.0 model.find() error: Operation `products.find()` buffering timed out after 10000ms”
  24. TypeError: Class extends value undefined is not a function or null
  25. Access to Script at ‘ from origin ‘null’ has been blocked by CORS policy
  26. Javascript window.print() in chrome, closing new window or tab instead of cancelling print leaves javascript blocked in parent window
  27. Javascript Get Values from Multiple Select Option Box
  28. Fire oninput event with jQuery
  29. Phantom JS synchronous AJAX request : NETWORK_ERR: XMLHttpRequest Exception 101
  30. Want to have an event handler for the browser’s back button with next.js

Leave a Comment