获取iframe标记内的所有元素

Question

  

这是我的代码部分，现在我正在使用iframe标记并在iframe标记上加载epub   然后我不知道如何获取iframe标签内的所有元素。

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

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

`

Answer 1

假设您的两个框架位于同一个域且有no restriction with Same Domain Policy，您可以使用“父”框架中的以下代码来获取“子”iframe中的元素（在您的情况下为{{1}标签）。

伪代码，你需要通过id：

实际指向你的iframe DOM

body

注意：如果iframe位于其他域中，则出于浏览器安全原因，您的访问权限有限。

Answer 2

您需要的是等待文档将被完全加载因为您使用iframe，那么您应该调用....

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