javascript - 如何控制合适的iframe？

Question

我的代码/网站嵌入到 iframe 中。它位于同一域中，因此我可以毫无问题地访问父文档。

问题是我的代码所在的 iframe 是动态生成的 - 每次站点重新加载时它都会获得一个新 ID 并且没有类。

所以，我有这段代码:

$("iframe", window.parent.document).each(function () {
  var iFrame = this;

  if ($("#controlAddIn",iFrame)) {
    iFrame.css({"height": "29px", "padding-bottom": "12px"});
  }
});

Firefox 控制台给了我这个:

TypeError: iFrame.css is not a function

我想要实现的是重新调整 iframe 的大小，其中我的代码是固定值 + 更改填充。

我的解决方案有什么问题，firefox 不想执行它？

谢谢。

Answer 1

这是因为你的iFrame设置为this。 .css 是一个 jQuery 函数，this 不是 jQuery 对象。
因此，您要么必须通过将 $(this) 分配给它来使您的 iFrame 成为 jQuery 对象，或者使用纯 JavaScript 为其分配样式。

$(this).css({"height": "29px", "padding-bottom": "12px"});

或

this.style.height = '29px';
this.style.paddingBottom = '12px';