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不是函数

我想要实现的是重新调整我的代码所在的iframe的大小+更改填充。

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

谢谢。

Answer 1

这是因为您的iFrame设置为this。 .css是一个jQuery函数，this不是jQuery对象因此，您必须通过为iFrame分配$(this)来创建$(this).css({"height": "29px", "padding-bottom": "12px"}); jQuery对象，或者使用纯JavaScript将样式分配给它。

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

或

{{1}}

Answer 2

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


<iframe id="ifram_id" name="dynamicframe" src="javascript:'';" noresize="noresize" frameborder="0" style="width: 100%;height: 116px;border: 2px solid rgb(0, 224, 255);"></iframe>

如何控制正确的iframe？

2 个答案: