从父级的 iframe 获取 innerText

Question

您好，我正在向我的页面添加一些 iframe。 iframe 仅包含一个值，我想从父级获取它。我尝试了许多关于堆栈溢出的答案，但没有一个对我有用。下面我附上了图片，这样您就可以看到页面中包含的 iframe 是如何的。我想获取红框中的值，以便以后使用。

代码：

  var graphUrls = tmpSource.getGetFeatureInfoUrl(
    graphCoor, viewResolution, 'EPSG:3857', {'INFO_FORMAT': 'text/html'});
  var frr = document.createElement("iframe");
  frr.onload = function(){
    var jjj = $("iframe body a").text()
    var kkk = $("iframe body #ras-val").text()
    console.log("jjj ", jjj)
    console.log("kkk ", kkk)
  };
  frr.id = sourceParams.year + "-" + sourceParams.month + "-" + sourceParams.day;        
  frr.src = graphUrls
  document.body.appendChild(frr);

Answer 1

如果返回的 url 与您的主文档来自同一域，并且仅在这种情况下，
那么您可以将 iframe 的 contentDocument 作为 $(selector, context) 的第二个参数传递。

// frame is you iframeElement
$('#ras-val', frame.contentDocument).text()

As a fiddle 因为 StackSnippet 的 null 来源框架不允许我们访问内部框架...

请注意，选择器将与此上下文相关，因此您不会传递"iframe body a"，而只会传递"body a"。

如果 url 不是来自同一个域，那么出于安全原因，您的前端代码不允许访问此文档。