如何通過 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