Question

我有一个div，其中包含body元素，如下所示：

<div id = "TextBox1">
<iframe id = "TextBox1_1">
#document
<html>
<head></head>
<body></body>
</html>
</iframe>
</div>

现在我想将值设置为body并尝试

$('#TextBox1').attr('body', "SomeValue");

但它没有显示任何价值。怎么做呢

Answer 1

我很抱歉，但是两个元素不能具有相同的ID，并且您没有关闭div的ID字符串。

因此，如果我重写一点代码，那么你应该：

<div id="TextBox1">
    <iframe id="iframe_TextBox1">
        <html>
            <head></head>
            <body></body>
        </html>
    </iframe>
</div>

然后你这样做：

$("#iframe_TextBox1 > body").html("SomeValue");

Answer 2

如果你已经包含了JQuery，只需在你的Body标签中加入一个ID

<body id="MyID" ></body>

$("#MyID").html("<div>The stuff I want to add to the body</div>");

或没有ID你可以放：

$("body").html("<div>The stuff I want to add to the body</div>");

IfTrue是正确的，您无法使用上面的代码从Iframe外部访问正文，但框架内的页面可能包含更改正文的代码。

至于在iframe外部访问它，您可以使用以下内容：

         var ifrBody = $("#MyFrame").contents().find("body");
         $(ifrBody).html("<div>My Stuff goes here</div>");

但仅当您在同一个域内时...如果您尝试在不同的域中执行此操作，您将被拒绝访问。这是一种防止跨站点脚本编写的安全功能。

如何在div中设置body的值？

2 个答案: