JQuery html() vs. innerHTML

To answer your question:

.html() will just call .innerHTML after doing some checks for nodeTypes and stuff. It also uses a try/catch block where it tries to use innerHTML first and if that fails, it’ll fallback gracefully to jQuery’s .empty() + append()

Related Contents:

  1. Can scripts be inserted with innerHTML?
  2. jQuery document.createElement equivalent?
  3. How can I select an element by name with jQuery?
  4. What is the most efficient way to create HTML elements using jQuery?
  5. How do I create a link using javascript?
  6. Finding line-wraps
  7. How to get the element clicked (for the whole document)?
  8. Why are duplicate ID values not allowed in HTML?
  9. How to show Page Loading div until the page has finished loading?
  10. Is there a DOM event that fires when an HTML select element is closed?
  11. How to find a parent with a known class in jQuery?
  12. jQuery: how to change tag name?
  13. Why do multiple `.appendTo` calls on a newly created jQuery element only append it once?
  14. Uncaught TypeError: Cannot read property ‘top’ of undefined
  15. How can I get access to a Highcharts chart through a DOM-Container?
  16. Open new window without focus on it [duplicate]
  17. HTML-encoding lost when attribute read from input field
  18. jQuery Data vs Attr?
  19. HTML text input allow only numeric input
  20. Cross domain iframe issue
  21. Get file size, image width and height before upload
  22. When should I use jQuery’s document.ready function?
  23. Chrome extension – retrieving global variable from webpage
  24. How to do a Jquery Callback after form submit?
  25. Prevent contenteditable adding on ENTER – Chrome
  26. jQuery UI accordion that keeps multiple sections open?
  27. how to make a jquery “$.post” request synchronous [duplicate]
  28. How to silently hide “Image not found” icon when src source image is not found
  29. HTML5 Local Storage fallback solutions [closed]
  30. Hide scrollbar while still being able to scroll with mouse/keyboard [duplicate]
  31. Change color of specific words in textarea
  32. How to blur the div element?
  33. jQuery count child elements
  34. HTML anchor link – href and onclick both?
  35. width/height after transform
  36. How do you detect the clearing of a “search” HTML5 input?
  37. scrollTop animation without jquery [duplicate]
  38. How to make supported on all browsers? Any alternatives?
  39. Populate one dropdown list based on the selection of other dropdown list
  40. Center flex item in container, when surrounded by other flex items
  41. how to disable DIV element and everything inside [duplicate]
  42. How do I get the content of a using jQuery?
  43. How can I set preview of video file, selecting from input type=’file’
  44. Select div using wildcard ID
  45. Is there any problem with using HTML5’s “data-*” attributes for older browsers?
  46. Click on option event
  47. How to replace html element with ajax response?
  48. submit event does not fire if submit initiated programmatically
  49. Remove ‘All Files’ option from HTML file input
  50. Set focus and cursor to end of text input field / string w. Jquery [duplicate]

Leave a Comment