javascript - 将 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/看看我在做什么

score 0 · Accepted Answer

试试这个 sry 没有沙箱检查；

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

score 0 · Accepted Answer

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

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

score 0 · Accepted Answer

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

“填充”不是 CSS 样式，而是 svg 的一个属性。

它实际上应该看起来像这样：

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

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

编辑：吉米提出了一个很好的观点，您可能也应该向 iframe 添加一个类。

3 回答 3