javascript 如何在js中的iframe中插入img标签？

y53ybaqx 于 2022-12-21 发布在 Java

关注(0)|答案(1)|浏览(261)

我的文档中有一个img标签，我想把它插入到我创建的iframe标签中，代码如下：

var ARiframe = document.createElement("iframe");
const imgInDom = document.getElementById("apple_img");
imgInDom.parentNode.insertBefore(ARiframe, imgInDom);
ARiframe.appendChild(imgInDom);

<html>
<body>
<div class="fruit">
<img id="apple_img" src="https://parade.com/.image/t_share/MTkwNTgxNDY1MzcxMTkxMTY0/different-types-of-apples-jpg.jpg" width="100" height="100">
</div>
</body>
</html>

我可以将img标签插入到frame标签中。但是，图像本身在iframe中不显示。我认为原因可能是img标签在iframe的#document之外（查看DOM的inspect按钮）。那么，我如何正确地将其放入iframe中，以便显示图像呢？

JavaScript

来源：https://stackoverflow.com/questions/74868591/how-to-insert-an-img-tag-in-an-iframe-in-js

1条答案

按热度按时间

8i9zcol21#

将其附加到<iframe>的contentDocument.body。

var ARiframe = document.createElement("iframe");
const imgInDom = document.getElementById("apple_img");
imgInDom.parentNode.insertBefore(ARiframe, imgInDom);
ARiframe.contentDocument.body.appendChild(imgInDom);

Demo

赞(0）回复(0）举报 2022-12-21

我来回答

javascript 如何在js中的iframe中插入img标签？

1条答案

相关问题

热门标签

最新问答