Jquery 将DIV添加到iframe主体

你好

我正在尝试向iframe主体添加DIV标记。iframe的内容与我正在处理的网站位于同一个域中，所以这应该不是问题

<div id="sampleDIV">whatever</div>
<iframe id="custom-frame"></iframe>

*已编辑* 但是当我查看源代码时，我没有看到添加了div标记。当我检查Chrome中的元素时，我没有看到添加了DIV元素

*编辑的第二部分* 我将标签从DIV更正为IFRAME

我看不出我做错了什么，也许只是盯着这个太久了

蒂亚

---

coson

你能用iframe发布完整的html吗？在上面的示例中，您有两个div，代码试图添加到第二个div，而不是iframe

这对我很有用：

<div id="sampleDIV">whatever</div>
<iframe id="custom-frame" src="page2.html" width="500" height="500"></iframe>


<script src="http://code.jquery.com/jquery-2.0.3.min.js"></script>   

<script>
    $(function() {
        var iframeBody = $("#custom-frame").contents().find("body");
        var styleTag = iframeBody.append($('#sampleDIV'));
    })
</script>

不管怎样 $（函数（）{ var iframeBody=$（“#自定义框架”）.contents（）.find（“主体”）； var styleTag=iframeBody.append（$（'#sampleDIV'））； })

---

“查看源代码”在浏览器中不会显示动态插入的元素或更改的属性。它只显示从服务器下载的原始源代码。如果您想看到DOM中的任何内容在事件发生后被修改，则需要使用浏览器的开发工具。您需要等待iframe内容加载。我输入的内容不正确。加载文档时，我使用Chrome中的Inspect元素来查看文档。custom-frame应该是一个iframe，而不是div。这样就可以了。我想我已经盯着这个看太久了。样本不在文档中，这就是它不起作用的原因。我以为是的。

<div id="sampleDIV">whatever</div>
<iframe id="custom-frame" src="page2.html" width="500" height="500"></iframe>


<script src="http://code.jquery.com/jquery-2.0.3.min.js"></script>   

<script>
    $(function() {
        var iframeBody = $("#custom-frame").contents().find("body");
        var styleTag = iframeBody.append($('#sampleDIV'));
    })
</script>