javascript - 将 CSS 应用于 iframe 父级（在同一域上）

Question

我有以下代码：

<html>
<head>
<style>
div { padding:0px; }
</style>
<body>

<div>testing123</div>
<iframe src="page2.html"></iframe>

</body>
</html>

是否可以将一些 js/css 应用于 page2.html 来更改div { padding:0px; }父级的部分？

score 1 · Accepted Answer

您可以尝试将 jquery 代码放入Iframe负载中：

parent.$('body').find('div').css('padding', '10px');

在您的 html 页面上page2.html放置代码：

$(document).ready(function () {
   parent.$('body').find('div').css('padding', '10px');
});

score 0 · Accepted Answer

0

您不能影响 iframed 元素的 CSS。您需要直接在文件中执行此操作

于 2013-10-02T14:17:42.970 回答

score 0 · Accepted Answer

0

是的，但即使在同一个域中，您也必须将代码添加到 page2.html。

于 2013-10-02T14:18:46.867 回答

score 0 · Accepted Answer

这是做你想做的吗？

$("div", top.document).css("padding", "10px");

我建议给你div一个id防止搞砸整个页面的css。

4 回答 4