跨iframe页面访问元素

Posted 2020-10-13 vivayue

// 父页面访问iframe子页面
// 标准浏览器
document.getElementById("iframe1").contentDocument.getElementById("div1").style.background = ‘red‘;
window.frames[‘iframe1‘].document.getElementById("div1").style.background = ‘red‘;
// IE专用
document.frames[‘iframe1‘].document.getElementById("div1").style.background = ‘red‘;
window.frames[‘iframe1‘].document.getElementById("div1").style.background = ‘red‘;
// iframe子页面访问父页面
parent.document.getElementById("div1");
// 多级iframe需用top
top.document.getElementById("div1");
// iframe高度自适应
document.getElementById(ifr_Id).onload = function () {
    var ifrHeight = window.frames[ifr_Id].document.body.offsetHeight;
    this.style.height = ifrHeight + ‘px‘;
    $(This).parent().height(ifrHeight);
}