vin*_*eet 2 html javascript css iframe jquery
我想使用 jQuery 在 iframe div 中添加 css 属性,但它不起作用。
Html 代码:-
<html>
<body>
<iframe id='iframeId' src='api.php?abc=xyz..'>
<html>
<head></head>
<body>
<div class='change-class'> //require <div class='change-class' style='background-color:black'>
.......
</div>
</body>
</html>
</iframe>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
JS代码:-
我尝试下面的代码,但没有得到任何结果。
$('.change-class').css('background-color','black');
$("#iframeId").contents().find(".change-class").attr('style','background-color=black');
Run Code Online (Sandbox Code Playgroud)
为此,iframe src 文档也必须在同一个域中才能访问 iframe 的 dom 节点,如果两个页面都在同一个域中,则可以执行以下操作:
$("#iframeId").contents().find(".change-class").css('background-color', 'black');
Run Code Online (Sandbox Code Playgroud)