Does jQuery strip some html elements from a string when using .html()?

by

After a few quick tests it seems do me that this behavior isn’t caused by jQuery but instead by the browser.

As you can easily verify yourself (DEMO http://jsbin.com/ocupa3)

var data = "<html><head><title>Untitled Document</title></head><body><p>test</p></body></html>";
data = $('<div/>').html(data);
alert(data.html());

yields different results in different browsers

Opera 10.10

<HEAD><TITLE>Untitled Document</TITLE></HEAD><P>test</P>

FF 3.6

<title>Untitled Document</title><p>test</p>

IE6

<P>test</P>

so this has nothing to do with jQuery, It’s the browsers which strip some tags when you insert a whole html string inside a div. But you would need to step through the whole jQuery code for html() to be sure. And you would need to do that for all browsers as there are several different ways jQuery tries to do it’s job.

For a solution I advise you to investigate using an iframe (possibly hidden) and to set that iframe content to the html-string you have. But be aware that fiddling with iframes and changing their content programmatically isn’t an easy task either. There are also different browser related quirks and timing issues involved.

More Related Contents:

  1. Find and replace nth occurrence of [bracketed] expression in string
  2. jQuery .animate function not responding properly
  3. Reloading a single div in an html page [closed]
  4. jQuery doesn’t give a proper output, but gives these [closed]
  5. fixing slider on my website [closed]
  6. Strip HTML from Text JavaScript
  7. How to decode HTML entities using jQuery?
  8. jQuery/JavaScript collision detection
  9. Avoid dropdown menu close on click inside
  10. Reload an iframe with jQuery
  11. jQuery click not working for dynamically created items [duplicate]
  12. Stop setInterval
  13. Finding line-wraps
  14. How to make a simple image upload using Javascript/HTML
  15. Creating a jQuery object from a big HTML-string
  16. How to format/tidy/beautify in JavaScript
  17. jQuery sort elements using data id
  18. Creating a select box with a search option
  19. How to tell which row number is clicked in a table?
  20. Jquery Event Not Triggering for DOM Elements Created after page load [duplicate]
  21. Javascript function to Rotate a base 64 image by X degrees and return new base64
  22. How to handle in textarea?
  23. How to resize Twitter Bootstrap modal dynamically based on the content
  24. Prevent browser from loading a drag-and-dropped file
  25. How to change URL in browser without navigating away from page?
  26. How to bind click event to object tag?
  27. How to put “” in a javascript string?
  28. Retain scrollbar position even after reloading using javascript
  29. Count Words and Characters [closed]
  30. object, param, jquery

Leave a Comment