如何将 document.body.appendchild(' 定位到根文档而不是 iframe

Question

我们如何定位 仅document.body.appendchild(' an element ')根文档，避免进入我所做的iframe
，例如

var a=document.createElement('a')
document.body.appendchild(a)

刚刚发现它

iframe>#document>html>body>a

真诚的帮助是满意的

Answer 1

如果你从 iframe 内部调用它，那么你需要使用以下代码(也 appendChild 需要 Node 作为参数，它不能是字符串(：

var a = parent.document.createElement('p');
a.innerHTML = 'hello';
parent.document.documentElement.appendChild(a);
// or
parent.document.body.appendChild(a);

父级获取iframe所在的文档的窗口对象，然后获取文档，然后获取实际的DOM节点(documentElement将是html元素(。

注意：由于同源策略，iframe 和父文档需要位于同一域中。如果你想在不同的域上使用文档，你需要控制它们，并使用postMessage或类似的API从iframe发送消息并将其获取到父文档中。