iframe 父子页面传值 获取iframe页面内dom对象

 

1.ifrmae 子页面向父页面传值

子页面绑定事件

$("#btn").click(function(){
    var data={k:1,n:2};//需要传递的值
    window.parent.postMessage(data, '*')
});

父页面接收

addEventListener('message', e => {
    // e.data为子页面发送的数据
    console.log(e.data)
})

2.修改iframe 页面元素样式

function changeStyle(){
    var x=document.getElementById("myframe");//获取iframe 标签节点
    var y=(x.contentWindow || x.contentDocument);
    if (y.document)y=y.document;
    y.body.style.backgroundColor="#0000ff";
}