前提： 同域条件下，一个父页面中嵌套了iframe子页面，父页面如何操作iframe页面中的元素？ iframe页面中如何访问 父页面元素？
例如嵌套了如下iframe:
<iframe src="attach.html" style="border:0; background: pink; display: block; width: 100%; height: 80; " id="iframe"></iframe>
iframe内容：
<body>
??? <input type="button" value="按钮" id="btn" />
??? <p id="txt">新内容</p>
</body>
1 父页面访问子页面
原生js:
window.onload = function(){
var iframe = document.getElementById("iframe");
var p = iframe.contentWindow.document.getElementById("txt");
}
jq:
$(window).load(function(){
var $iframe = $("#iframe")
var $p = $iframe.contents().find("#txt");
});
2 iframe子页面 访问父级页面
关键获取到父级的document对象：
window.parent.document
js操作iframe
原文地址：http://www.cnblogs.com/hhzm/p/7598942.html