JQUERY 获取IFrame中对象及获取其父窗口中对象示例

JQuery 获取iframe中对象及获取其父窗口中对象示例教程如下：

获取iframe中的对象

获取iframe元素

要获取iframe中的对象，首先需要获取iframe元素本身。可以使用JQuery选择器进行选择，也可以通过id或名称属性直接获取。

// 通过JQuery选择器获取iframe元素
var iframe = $('iframe');
// 通过id获取iframe元素
var iframe = document.getElementById('iframe_id');
// 通过名称获取iframe元素
var iframe = document.getElementsByName('iframe_name')[0];

获取iframe中的文档对象

获取到iframe元素之后，就可以通过contentWindow属性获取到iframe的文档对象，进而获取到iframe中的任何对象。

var iframe = document.getElementById('iframe_id');
var iframe_doc = iframe.contentWindow.document;

获取iframe中的对象

获取到iframe中的文档对象之后，就可以使用JQuery选择器或原生JS的getElementById等方法来获取任何对象。

// 使用JQuery选择器获取iframe中的p元素
var p = $(iframe_doc).find('p');
// 使用原生JS获取iframe中的div元素
var div = iframe_doc.getElementById('div_id');

获取父窗口中的对象

获取父窗口对象

要获取父窗口中的对象，需要先获取到父窗口对象本身。可以使用JQuery的parent方法或原生JS的parent属性来获取。

// 使用JQuery的parent方法获取父窗口对象
var parent = $(window.frameElement).parent();
// 使用原生JS的parent属性获取父窗口对象
var parent = window.parent;

获取父窗口中的对象

获取到父窗口对象之后，可以同样使用JQuery选择器或原生JS的getElementById等方法来获取任何对象。

// 使用JQuery选择器获取父窗口中的#test元素
var test = $(parent).find('#test');
// 使用原生JS获取父窗口中的#test元素
var test = parent.document.getElementById('test');

上述示例仅供参考。实际操作时，需要根据自己的具体场景选择合适的方式来获取对象。