在iframe中操作父页元素

[HtmlCssJs] 2024-04-28 圈点653

摘要:在iframe中操作父页元素

在iframe中操作父页元素的几种情况示例:


1,在iframe中查找父页面元素的方法:

jQuery中使用查找父页面元素的方法:$("#id",window.parent.document)

JS原生使用查找父页面元素的方法:window.parent.document.getElementById("id");


而有时候iframe会嵌套好几层,那么嵌套两层(共三层)时可以用如下方法操作父元素:

JS原生使用查找父页面元素的方法:window.parent.parent.document.getElementById("id"); 

如果多层可以加多几个“parent”,


而无论嵌套多少层,如果要找最顶层可以用这个方法:

window.top.document.getElementById("id");


2.在iframe中使用父页面的变量或者方法函数

使用父元素的变量或者方法如下:

parent.method

parent.variable


iframe  父元素  

感谢反馈,已提交成功,审核后即会显示