Unloading/Removing content from an iFrame

by

The other solutions use innerHTML, which won’t always work in XHTML. They also only clear document.body (anything in the <head> is still present). Here is a solution that uses the DOM:

var frame = document.getElementById("myFrame"),
frameDoc = frame.contentDocument || frame.contentWindow.document;
frameDoc.removeChild(frameDoc.documentElement);

This solution uses innerHTML:

var frame = document.getElementById("myFrame"),
frameDoc = frame.contentDocument || frame.contentWindow.document;
frameDoc.documentElement.innerHTML = "";

More Related Contents:

  1. jQuery .live() vs .on() method for adding a click event after loading dynamic html
  2. Firing event on DOM attribute change
  3. Javascript callback when IFRAME is finished loading?
  4. Difference between “change” and “input” event for an `input` element
  5. Attach an event in a child iframe to a handler in the parent window
  6. How to move an iFrame in the DOM without losing its state?
  7. JavaScript: DOM load events, execution sequence, and $(document).ready()
  8. jQuery events .load(), .ready(), .unload()
  9. jQuery document.createElement equivalent?
  10. When should I use jQuery’s document.ready function?
  11. Difference between HTMLCollection, NodeLists, and arrays of objects
  12. how to access iFrame parent page using jquery?
  13. JavaScript / jQuery: Test if window has focus
  14. How to bind bootstrap popover on dynamic elements
  15. How can I detect whether an iframe is loaded?
  16. Get index of clicked element in collection with jQuery
  17. Detect click event inside iframe
  18. Nested iframes, AKA Iframe Inception
  19. JavaScript scrollTo method does nothing?
  20. How to know if .keyup() is a character key (jQuery)
  21. How do I handle a click anywhere in the page, even when a certain element stops the propagation?
  22. Insert content into iFrame
  23. jQuery – How can I temporarily disable the onclick event listener after the event has been fired?
  24. How to add DOM element script to head section?
  25. Delaying a jquery script until everything else has loaded
  26. Stopping a iframe from loading a page using javascript
  27. User Activity Tracking using javascript library [closed]
  28. What’s the difference between a jQuery object and a DOM element? Difference between .get() and .index()?
  29. In web browsers, what’s the difference between onblur and onfocusout?
  30. Create a table in SVG

Leave a Comment