jquery - 将 DIV 添加到 iframe 主体

Question

已关闭。这个问题是 not reproducible or was caused by typos 。目前不接受答案。

---

这个问题是由拼写错误或无法再重现的问题引起的。虽然类似的问题可能是 on-topic在这里，这个问题的解决方式不太可能帮助 future 的读者。

已关闭 7 年前。

Improve this question

美好的一天，

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

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

在我的 javascript 代码中，我有:

// load up the the iframe with the data the user selected
$('#custom-frame').attr("src", "/Custom/Data/" + data.id);

// I can get find the body tag in the iframe like:
var iframeBody = $("#custom-frame").contents().find("body");

var styleTag = iframeBody.append($('#sampleDIV'));

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

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

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

TIA，

科森

Answer 1

你能用 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>