javascript - 从 iframe 中获取一些内容

Question

我正在尝试从 iframe 中获取 div 的内容。我有以下代码：

$('iframe').load(function() {
  setTimeout(function() {
    content = $("iframe").contents().find("div#totaltime").html();
    alert(content);
  }, 800);
});

我的警报消息说“未定义”，但是当我删除“.html()”时，我收到一个警报，说“[object Object]”......任何想法如何提取这个 div 的内容。div 中应该只有一个时间，例如“1:33”，但是当我运行 .text() 而不是 .html() 时，我只会收到一个空白警报。

这是 iframe 内部的 html：

<div id="totaltime" class="item graytext" style="visibility: visible; left: 368px; top: 51px; width: 32px; height: 16px; font-size: 11px; font-family: Arial;">06:44</div>

谢谢！

更新

好的，我已更改为：

$(window).load(function() {
  setTimeout(function() {
    content = $("iframe").html();
    alert(content);
  }, 800);
});

现在我只得到一个空白的警报框。

Answer 1

如果你parent and child 是 both in the same domain那么，试试这个（using pure javascript）。如果它们不在同一个域中，出于安全原因，无法访问不同域的 iframe 内的内容；

var iframe = document.getElementById("your_iframeId");
alert(iframe.contentWindow.document.getElementById('totaltime').innerHTML);