我有以下代码:
<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');
});
您无法影响 iframed 元素的 CSS。您需要直接在文件中执行此操作
是的,但您必须将代码添加到 page2.html即使在同一域上也是如此。
这能做到你想要的吗?
$("div", top.document).css("padding", "10px");
我确实建议您id
div
,以防止搞砸整个页面的css。