javascript - 获取 iframe 标签内的所有元素

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>

`

Answer 1

假设您的两个框架都在同一个域中并且有 no restriction with Same Domain Policy ，您可以使用“父”框架中的以下代码获取“子”iframe 中的元素(在您的情况下为 body 标记)。

伪代码，你需要通过id实际指向你的iframe DOM:

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

注意:如果 iframe 位于不同的域中，出于浏览器安全原因，您的访问权限将受到限制。