Question

我使用javascript在页面中创建iFrame，但我不知道父亲的详细信息，例如类名或ID，或任何其他内容。

我可以在不知道这些信息的情况下创建iFrame吗？

我尝试了以下操作，但收到错误HierarchyRequestError: Node cannot be inserted at the specified point in the hierarchy：

var iframe = document.createElement('iframe');       
iframe.src = 'http://myURL.com/embed/whatever/1213';       
window.parent.document.appendChild(iframe);

更新为了澄清，我在询问iframe是否可以在div中，在页面内，而不是在正文的末尾创建。

我知道我能做到

<iframe src="whatever"></iframe>

但我更喜欢javascript解决方案

Answer 1

您需要将附加代码更改为：

window.parent.document.body.appendChild(iframe);

因为iframe在内部也只是另一个文档，因此您无法将文档附加到文档中。

如果要将其附加到ID为“iframeDiv”的div，则可以执行此操作：

document.getElementById("iframeDiv").appendChild(iframe);

但您可以将其附加到<body>

如果没有类或ID，则附加到div

1 个答案: