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);

从iframe中抓取一些内容

1 个答案: