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 个答案: