我有以下代码：
<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; }父级的部分？
问问题
4185 次
4 回答
1
您可以尝试将 jquery 代码放入Iframe负载中：
parent.$('body').find('div').css('padding', '10px');
在您的 html 页面上page2.html放置代码：
$(document).ready(function () {
parent.$('body').find('div').css('padding', '10px');
});
于 2013-10-02T14:26:50.867 回答
0
您不能影响 iframed 元素的 CSS。您需要直接在文件中执行此操作
于 2013-10-02T14:17:42.970 回答
0
是的，但即使在同一个域中，您也必须将代码添加到 page2.html。
于 2013-10-02T14:18:46.867 回答
0
这是做你想做的吗？
$("div", top.document).css("padding", "10px");
我建议给你div一个id防止搞砸整个页面的css。
于 2013-10-02T14:23:30.040 回答