將CSS添加到iframe元素

Question

如何在網站上的iframe中定位和定位商品並更改內聯值？

<iframe class="preview_iframe">
<div id="example">
<a id="ex">
<svg fill="#000000"></svg>
</a>
</div>
</iframe>

我需要在iframe中定位SVG（多個），並用jquery更改填充（顏色），我該怎么辦？我嘗試了這些似乎不起作用的方法

繼承人的jQuery我正在嘗試

$("[id^=like_iframe_]").load(function() {
  var frame = $("[id^=like_iframe_]").contents();
  $("svg", frame).css({'fill' : 'red'});
});

和

$("[id^=like_iframe_]").contents().find("svg").css({'fill' : 'red'});

它選擇框架，但不會改變svg的顏色

這是一個鏈接http://absdfsderedfdsfrr.tumblr.com/，以查看即時通訊正在做什么

Answer 1

嘗試此步驟沒有沙盒檢查；

$('.preview_iframe').get(0).find("svg").css({'fill' : 'red'});

Answer 2

您可以設置一個類，然后使用.attr（）更改填充，例如

$('.class').attr('fill', 'color');

Answer 3

<svg fill="#000000"></svg>

“填充”不是CSS樣式，而是svg的屬性。

它實際上應該看起來像這樣：

$("[id^=like_iframe_]").contents().find("svg").attr('fill', '#FF0000');

如jQuery文檔（ http://api.jquery.com/attr/ ）所述，.attr可以獲取或設置標簽上的屬性。 上面的代碼應該大致就是您想要的。

編輯：吉米（Jimmy）提出了一個很好的建議，您可能也應該向iframe中添加一個類。