In web development, iframes are often used. It is inevitable that you need to use elements in the iframe in the parent window, or use elements of the parent window in the iframe
js
Get elements in iframe in parent window
1,
Format: window.frames["name value of iframe"].document.getElementByIdx_x("ID of control in iframe").click();
Example: window.frames["ifm"].document.getElementByIdx_x("btnOk").click();
2,
Format:
var obj=document.getElementByIdx_x("name of iframe").contentWindow;
var ifmObj=obj.document.getElementByIdx_x("ID of the control in the iframe");
ifmObj.click();
Example:
var obj=document.getElementByIdx_x("ifm").contentWindow;
var ifmObj=obj.document.getElementByIdx_x("btnOk");
ifmObj.click();
Get the elements of the parent window in the iframe
Format: window.parent.document.getElementByIdx_x("Element ID of parent window").click();
Example: window.parent.document.getElementByIdx_x("btnOk").click();
jquery
Get elements in iframe in parent window
1,
Format: $("#iframe's ID").contents().find("#iframe's control ID").click();//jquery method 1
Example: $("#ifm").contents().find("#btnOk").click();//jquery method 1
2,
Format: $("#Control ID in iframe",document.frames("name of frame").document).click();//jquery method 2
Example: $("#btnOk",document.frames("ifm").document).click();//jquery method 2
Get the elements of the parent window in the iframe
Format: $('#Element ID in the parent window', parent.document).click();
Example: $('#btnOk', parent.document).click();