javascript - 将 CSS 添加到 Iframe 中的 DIV

Question

我有一个 id="scorm_object"的 iframe。

<iframe id="scorm_object">...</iframe>

在这个 iframe 中，我有一个名为 framewrap 的类。

我正在尝试像这样向此类添加 CSS:

$(document).ready(function() {
    $('#scorm_object').contents().find('.framewrap').css('opacity','.2');
});

但我似乎无法让它工作。

我知道这里有多个 iframe 示例，但我真的是在寻找简单易用的东西。

谢谢!

更新:抱歉，我必须在没有 jquery 的情况下完成这项工作。

我现在尝试了以下方法:

  var iframe = document.getElementsByTagName('iframe')[0];
  iframe.addEventListener("load", function() {

      window.frames[0].document.body.style.backgroundColor = "#fff";
  });

但我明白了:

 iframe is undefined

错误。

Answer 1

当父文档的 DOM 就绪时，您将触发 JavaScript。这很可能在框架中的文档准备好之前发生。

等待加载事件触发修复了我测试它时的问题。

使用 $(window).on("load", function() { 而不是 $(document).ready(function() {。