本文介绍了如何在父页面与子页面（如iframe）之间进行DOM元素的交互操作，包括从父页面获取子页面中的元素及从子页面获取父页面中的元素。
父页面parent.html
<body>
<div id="parent">parent</div>
<iframe id="ifr" src="child.html"></iframe>
</body>
子页面child.html
<body>
<div id="child">child</div>
</body>
//从parent页面获取child页面中id为child的元素
var ifr=document.getElementById('ifr');
ifr.onload=function(){
var child=ifr.contentWindow.document.getElementById('child');
console.log(child);//即为我们需要的元素
}
//从child页面获取parent页面id为parent的元素
var parent=window.parent.document.getElementById('parent');
或者window.top.document.getElementById('parent')都可以获取到
注意一点：获取child页面的元素一定要放在页面onload事件里面，否则页面没加载完成获取到的就是null
扫一扫
1312
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
