[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