Get all elements inside iframe tag

Question

this is my part of code now i'm using iframe tag and loaded epub on iframe tag then i don't know how to get all elements inside iframe tag.

jQuery(document).ready(function($) {
  var tmp = $('#epub_loader iframe').contents().find('body').html();
  alert(tmp);
});

<iframe id="epub_loader" href="test.epub" ></iframe>

`

`document.getElementById('epub_loader').contentWindow.document.body.innerHTML` — Vineet, Aug 29 '16 at 05:48
[jQuery/JavaScript: accessing contents of an iframe](http://stackoverflow.com/questions/364952/jquery-javascript-accessing-contents-of-an-iframe) — Mehdi Algholipour, Aug 29 '16 at 05:51
thanks Vineet but after run your script will give to some Invalid or unexpected token — naren, Aug 29 '16 at 06:38

score 0 · Answer 1 · answered Aug 29 '16 at 06:59

Assuming both your frames are on the same domain and there is no restriction with Same Domain Policy, you can use the following code from the "parent" frame to get an element in the "child" iframe (in your case body tag).

Pseudo code, you need to actually point to your iframe DOM by id:

var html = document.getElementById('iframe').contentDocument.body.innerHTML;

Notes: In case iframe is on a different domain, you have limited access for browser security reasons.

score 0 · Answer 2 · answered Aug 29 '16 at 08:06

The thing you need is to wait document will be fully loaded coz you are used iframe,then you should call ....

jQuery(document).ready(function() {
  window.onload = function () {  //call when iframe is fully loaded
  var tmp = $('#epub_loader').contents().find('body').html();
  alert(tmp);
  };
});

Get all elements inside iframe tag

2 Answers2