nodeValue vs innerHTML and textContent. How to choose? [duplicate]

by

Differences between textContent/innerText/innerHTML on MDN.

And a Stackoverflow answer about innerText/nodeValue.

Summary

  1. innerHTML parses content as HTML, so it takes longer.
  2. nodeValue uses straight text, does not parse HTML, and is faster.
  3. textContent uses straight text, does not parse HTML, and is faster.
  4. innerText Takes styles into consideration. It won’t get hidden text for instance.

innerText didn’t exist in firefox until FireFox 45 according to caniuse but is now supported in all major browsers.

More Related Contents:

  1. Executing elements inserted with .innerHTML
  2. Difference between innerText, innerHTML and value?
  3. Advantages of createElement over innerHTML?
  4. Can scripts be inserted with innerHTML?
  5. JQuery html() vs. innerHTML
  6. It says that TypeError: document.getElementById(…) is null [duplicate]
  7. How to stop event propagation with inline onclick attribute?
  8. document.createElement(“script”) synchronously
  9. Firing event on DOM attribute change
  10. How to expose IFrame’s DOM using jQuery?
  11. How can I simulate a click to an anchor tag?
  12. How to addEventListener to multiple elements in a single line
  13. How to Implement DOM Data Binding in JavaScript
  14. How to access component methods from “outside” in ReactJS?
  15. Why is document.all falsy?
  16. Get the DOM path of the clicked
  17. Console shows error about Content Security policy and lots of failed GET requests
  18. how to compare two elements in jquery [duplicate]
  19. forEach method of Node.childNodes?
  20. Getting HTML elements by their attribute names
  21. Display DIV at Cursor Position in Textarea [duplicate]
  22. Get immediate first child element
  23. How can I replace one class with another on all elements, using just the DOM?
  24. How to properly unload/destroy a VIDEO element
  25. Uncaught Typeerror: cannot read property ‘innerHTML’ of null
  26. How to add a onclick event to an element using javascript
  27. Test if an element can contain text
  28. Replacement for deprecated `keypress` DOM event
  29. Screen Coordinates of a element, via Javascript
  30. Vanilla JS event delegation – dealing with child elements of the target element

Leave a Comment