Setting innerHTML: Why won’t it update the DOM?

by

innerHTML evaluates to a string. I’m not sure why you would expect anything different. Consider this:

var a="foo"; // now a="foo"
var b = a; // now a="foo", b = 'foo'
b = 'bar'; // now a="foo", b = 'bar'

Re-assigning b doesn’t change a.

Edited to add: In case it’s not clear from the above, if you want to change innerHTML, you can just assign to it directly:

document.getElementById("my_div").innerHTML = "Hello";

You don’t need, and can’t use, an intermediary variable.

More Related Contents:

  1. Is it possible to append to innerHTML without destroying descendants’ event listeners?
  2. Executing elements inserted with .innerHTML
  3. Show/hide ‘div’ using JavaScript
  4. Difference between innerText, innerHTML and value?
  5. Why is “element.innerHTML+=” bad code?
  6. How to replace innerHTML of a div using jQuery?
  7. Advantages of createElement over innerHTML?
  8. Can scripts be inserted with innerHTML?
  9. nodeValue vs innerHTML and textContent. How to choose? [duplicate]
  10. Javascript – Append HTML to container element without innerHTML
  11. JavaScript get TextArea input via .value or .innerHTML?
  12. React.js: Set innerHTML vs dangerouslySetInnerHTML
  13. Cannot set property ‘innerHTML’ of null
  14. Add/remove HTML inside div using JavaScript
  15. Change label text using JavaScript
  16. Javascript Iframe innerHTML
  17. Add inline style using Javascript
  18. Javascript – innerHTML not working with HTML select menus
  19. Append HTML to container element without innerHTML
  20. setting innerHTML with a script inside [duplicate]
  21. JQuery html() vs. innerHTML
  22. find a value of table cell
  23. Alternative for innerHTML?
  24. reading innerHTML of HTML form with VALUE attribute (& its value) of INPUT tags
  25. It says that TypeError: document.getElementById(…) is null [duplicate]
  26. Remove all content using pure JS
  27. Uncaught Typeerror: cannot read property ‘innerHTML’ of null
  28. innerHTML removes attribute quotes in Internet Explorer
  29. addEventListener gone after appending innerHTML
  30. jquery get id of input selected text

Leave a Comment