能否将DOM节点从iFrame移至父页面body？相关报错咨询

这个问题其实包含两个核心点：代码本身的语法错误，以及跨iframe操作的浏览器安全规则，我来一步步给你拆解清楚：

1. 代码的直接错误：parent.window.body 不存在的原因 #

你写的parent.window.body本身就是语法错误——window对象下并没有body属性，页面的body元素是挂载在document对象上的。正确的写法应该是：

var element = document.getElementById('my-id');
parent.document.body.appendChild(element);

不过这只是语法层面的修正，能不能真正执行成功，还要看浏览器的同源策略限制。

2. 浏览器安全限制：同源策略的影响 #

这才是跨iframe操作最关键的规则：

• 同源场景（协议、域名、端口完全一致）：如果你的iframe和父页面是同源的，那修正代码后就能正常移动DOM节点，浏览器不会做限制。因为同源的页面被视为同一个安全上下文，允许互相操作DOM。
• 非同源场景：如果iframe和父页面不同源，那即使修正了代码，浏览器也会抛出跨域错误，阻止你直接操作父页面的DOM。这是浏览器的核心安全机制——同源策略，目的是防止恶意页面窃取或篡改其他网站的内容。

额外说明：非同源场景下的替代方案 #

如果你的iframe和父页面必须跨域，又需要传递内容，不能直接移动DOM节点，只能通过postMessage API来实现跨上下文通信：

1. 在iframe里向父页面发送包含节点数据的消息；
2. 父页面监听message事件，接收数据后自行创建节点并添加到body中。

内容的提问来源于stack exchange，提问作者Michael Hirschler