javascript - 将 CSS 应用于 iframe 父级(在同一域中)

我有以下代码:

<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; } 父级的一部分？

最佳答案

您可以尝试将 jquery 代码放入您的 Iframe 加载:

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

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

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

关于javascript - 将 CSS 应用于 iframe 父级(在同一域中)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/19139066/