在父窗口中获取Iframe中的元素 & 在Iframe中获取父窗口中的元素

1. 在父窗口中获取Iframe中的元素

(1) JQuery

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

(2) JS

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

2. 在Iframe中获取父窗口中的元素

(1) JQuery

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

(2) JS

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

注意：

本地测试时会报如下错误：

Uncaught DOMException: Blocked a frame with origin "null" from accessing a cross-origin frame.

原因：跨页面操作涉及域的概念（origin），错误的意思是：未捕获的安全错误：阻止了一个域为null的frame页面访问另一个域为null的页面。代码运行时在本地直接用浏览器打开的，地址栏是file:///的页面，只需改为localhost访问就行。