JQuery获取Iframe中的元素

2023-07-18 18:00| 来源: 网络整理| 查看: 265

最近在开发时遇到使用了Iframe的情况，在一个父窗口里使用了Iframe，之后又想在父窗口中使用JQuery来获得Iframe里的元素，之前有使用过，久没使用就忘了，今日记录下来。

使用JQuery在父窗口中获取Iframe中的元素：

格式：

$("#iframe的id").contents().find("#iframe中控件的id").事件(); // 方式1 $("#iframe中控件的id",document.frames("iframe的name").document).事情(); // 方式2

事例：

$("#iframeId").contents().find("#div01").click(); // 方式1 $("#div01",document.frames("iframeId").document).click(); // 方式2 使用JS在父窗口中获取Iframe中的元素：

格式：

window.frames["iframe中的name值"].document.getElementById("iframe中控件的id").事件();

事例：

window.frames["iframeName"].document.getElementById("div01").click(); 使用JQuery在Iframe中获取父窗口的元素

格式：

$('#父窗口中元素的id', parent.document).事件();

事例：

$('#div01', parent.document).click(); 使用JS在Iframe中获取父窗口的元素

格式：

window.parent.document.getElementById("父窗口中元素的id").事件();

事例：

window.parent.document.getElementById("div01").click();

【本文地址】

今日新闻