Javascript Iframe内部Iframe无法进行更改

我在iframe中有一个iframe，我想用这段代码更改图像的src

window.top.frames[0].frames[0].document.getElementById("maquina").src = "https://developer.cdn.mozilla.net/media/img/mdn-logo-sm.png";

当我尝试它时，它工作了，但我看不到页面中的更改，只有在e read.src时才看到代码中的更改

---

对于该元素，如果没有访问子DOM的全局方法，则无法从父帧中操纵iframe的内容。有一个答案适合您的需要，但我将复制以下内容以供参考：

在子iframe中：

parent.childGetElementById = function (id) {return document.getElementById(id);}
parent.childLoaded();

在父项中：

function childLoaded() {var dom = childGetElementById('someid');}

假设您确实可以访问子页面，我建议您修改设计，不要使用iframe

[回答评论]

这取决于您是使用纯HTML还是脚本语言（如PHP）。如果是纯HTML，则可以使用服务器端包含

<!-- #include virtual="path/to/included/file.html" -->

---

别误会，iFrame在某些特定情况下很有用（绕过跨域源策略、oAuth实现等）；它们经常被滥用，而不是正确使用。

好的，我会尝试一下，但是创建没有iFrame的html“模块”的最佳方法是什么？

require('/real/path/to/included/file.php');