Difference between “.innerHTML” and “.value” in JS

by

value refers to the value of an input element (or textearea)

<input value="hello world">

value would be "hello world" (or any value typed inside)

innerHTML refers to the contents inside an HTML element.

<div>
  <span class="hello">
     All tags and their children are include in innerHTML.
  </span>
  All this is part of innerHTML.
</div>

innerHTML of the div tag would be the string:

  '<span class="hello">
     All tags and their children are include in innerHTML.
  </span>
  All this is part of innerHTML.'

More Related Contents:

  1. How do I add a delay in a JavaScript loop?
  2. ++someVariable vs. someVariable++ in JavaScript
  3. How to get current value of RxJS Subject or Observable?
  4. FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed – JavaScript heap out of memory in Ionic 3
  5. How to set locale in DatePipe in Angular 2?
  6. How to submit an HTML form without redirection
  7. Applying className/onClick/onChange not working on Custom React Component
  8. orderBy multiple fields in Angular
  9. ES6 Promises – something like async.each?
  10. JQuery Ajax – How to Detect Network Connection error when making Ajax call
  11. How to add colors to spefic columns in Google Charts
  12. cross-origin ‘Authorization’-header with jquery.ajax()
  13. Stubbing a class method with Sinon.js
  14. How do I do a Date comparison in Javascript? [duplicate]
  15. Serial port not working?
  16. Why does shadowed variable evaluate to undefined when defined in outside scope?
  17. Doing links like Twitter, Hash-Bang #! URL’s [duplicate]
  18. how to break the _.each function in underscore.js
  19. gapless looping audio html5
  20. Uncaught Error: Invariant Violation: findComponentRoot(…, …$110): Unable to find element. This probably means the DOM was unexpectedly mutated
  21. Find out if someone has a role
  22. How to chain execution of array of functions when every function returns deferred.promise?
  23. How to resolve the Syntax error : await is only valid in async function?
  24. Combine two selectors with one jQuery object
  25. querySelectorAll.style does not work
  26. performance.now() vs Date.now()
  27. How to mock React component methods with jest and enzyme
  28. How to sum elements at the same index in array of arrays into a single array?
  29. Angular.js: Is .value() the proper way to set app wide constant and how to retrieve it in a controller
  30. Can I prevent history.popstate from triggering on initial page-load?

Leave a Comment