javascript - 帮助使用 jQuery 或 javascript 从 iFrame 获取元素

Question

我显然是愚蠢的。请参阅下文并告诉我在哪里丢失了它:-(

HTML 布局

<div class="the-variables">
  <span class="asking">156.25</span>
  <span class="bidding">144.82</span>
</div>

iFrame 布局

<iframe id="livetick" style="overflow-y: hidden;" src="http://dev.aatsol.co.za/live-feed/" scrolling="no" seamless onload="window.parent.scroll(0,0);" height="370" width="370" frameborder="0">
&lt;p&gt;Your browser does not support iframes&lt;/p&gt;
</iframe>

这是我的 JavaScript 尝试

jQuery( document ).ready(function($) {
    
    
    var iframe = document.getElementById('livetick');
    /* var innerDoc = iframe.contentDocument || iframe.contentWindow.document; */
    var innerDoc = iframe.contentWindow.document.getElementsByClassName('asking');
    //alert (innerDoc.innerHTML);
    //alert (innerDoc);
    console.log(innerDoc);

});

由于一些奇怪的原因，我无法从提供的范围内提取这两个值。它们是在远程网站上处理的，并且会根据各种因素而波动。我只是想将它们拉到我的网站上的 iFrame 中，并将 iFrame 内的两个值复制到我的网站页脚上的部分。

简而言之:1. 获取iFrame内的值2. 将精确值复制到我的网站页脚上的某个部分(使用 jQuery/javascript)

Answer 1

根据 iframe 的 URL，您将遇到 Same Origin Policy ，这可以防止跨域访问文档。您无法访问与您尝试访问的文档来源不同的窗口的 DOM。