如何通过 jQuery 在 iframe 中更改/添加 CSS

Question

我想使用 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>

JS代码：-

我尝试下面的代码，但没有得到任何结果。

$('.change-class').css('background-color','black');
$("#iframeId").contents().find(".change-class").attr('style','background-color=black');

Answer 1

为此，iframe src 文档也必须在同一个域中才能访问 iframe 的 dom 节点，如果两个页面都在同一个域中，则可以执行以下操作：

$("#iframeId").contents().find(".change-class").css('background-color', 'black');

Answer 2

你可以这样找到用途：

var iframe = $('iframe'); 
$(".change-class", iframe.contents()).addClass('border');

如何通过 jQuery 在 iframe 中更改/添加 CSS

问题描述

2 个解决方案

解决方案1
6 已采纳 2015-09-09 10:39:56

解决方案2
0 2015-09-09 10:42:59

如何通过 jQuery 在 iframe 中更改/添加 CSS

问题描述

2 个解决方案

解决方案1 6 已采纳 2015-09-09 10:39:56

解决方案2 0 2015-09-09 10:42:59

解决方案1
6 已采纳 2015-09-09 10:39:56

解决方案2
0 2015-09-09 10:42:59