如何从包含的文档对象访问 iframe

Question

我有一个 pdftron webviewer，我正在尝试在 config.js. This 之外访问它，建议通过 contentWindow 访问 iframe 变量并获取 readerControl.

但问题是 iframe 由 PDFTron WebViewer 创建的具有随机 id 属性。为了让我们自信地使用它，我们需要将 iframe 的 id 或 class 设置为我们所知道的。我正在尝试使用其中的 document 对象访问封闭的 iframe 。我找到了如何以相反方式访问的解决方案。

$(document).parents()

为空

我的HTML

<head>
</head>
<body>
 <iframe id="random_number">
  #document
 </iframe>
</body>

Answer 1

通过在查看器元素中进行选择，可以自信地抓取 iframe。您只需要在实例化 WebViewer 时提供的元素的 id

<div id="viewer"></div>

$(function() {
    var viewerElement = document.getElementById("viewer");
    var myWebViewer = new PDFTron.WebViewer({
        path: "lib",
        type: "html5",
        initialDoc: "GettingStarted.xod"
    }, viewerElement);
});

var iframe = document.querySelector('#viewer iframe')

如何从包含的文档对象访问 iframe

How to access an iframe from the including document object

html

javascript

pdftron