需要从父页面使用JavaScript将CSS样式添加到iframe

Question

Here is what I have so far:

var head = $target.prop("iframe").toLowerCase().contents().find("head");
var css = '<style type="text/css">' +
          'MY CSS IS HERE' +
          '</style>';
jQuery(head).append(css);

Unfortunately, I have a couple issues:

1) I can't add jquery to the page via javascript (I tried but it's not working), so I need this converted to javascript.

2) I'm sure there is something wrong with the code. Please help me fix the errors.

---

NOTE:

I already tried everything here , but it does none of that is working especially because it's different than what I need (THERE IS NO ID OR CLASS NAME FOR THE IFRAME so everything on that question is irrelevant).

Answer 1

我认为，如果您在同一域下拥有iframe页面，可以尝试以下操作：

$("iframe").contents().find('head').append('<style type="text/css">' +'MY CSS IS HERE' + '</style>')