将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

试试这个sry没有沙盒来检查;

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

Answer 2

您可以设置一个类并使用.attr（）来更改填充，如

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

Answer 3

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

“fill”不是CSS样式，这是svg的一个属性。

它应该看起来像这样：

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

正如jQuery的文档（http://api.jquery.com/attr/）所解释的那样，.attr可以在标签上获取或设置属性。上面的代码应该大致是你要找的。

编辑：吉米说得好，你应该也可以在iframe中添加一个类。