如何跨嵌套 iframe 访问元素?

如何跨嵌套 iframe 访问元素?

跨嵌套 iframe 访问元素

为了获取嵌套在 iframe 中另一个 iframe 内部的元素,可以使用以下方法:

javascript 代码:

$(window.frames["iframename1"].document).find("#inputid");

其中:

  • window.frames["iframename1"]:第一个 iframe 的窗口对象。
  • document:第一个 iframe 中的文档对象。
  • find("#inputid"):在嵌套的 iframe 文档中查找具有 id 为 "inputid" 的元素。

示例:

假设您有以下嵌套的 iframe 结构:

<iframe id="outeriframe">
  <iframe id="inneriframe">
    <input id="inputid" type="text" />
  </iframe>
</iframe>

要从外部 iframe 访问内部 iframe 中的 "inputid" 元素,可以使用以下 javascript 代码:

$(window.frames["outerIframe"].document).find("#innerIframe").contents().find("#inputId");

以上就是如何跨嵌套 iframe 访问元素?的详细内容,更多请关注其它相关文章!