js操作iframe
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js操作iframe相关的知识，希望对你有一定的参考价值。
前提： 同域条件下，一个父页面中嵌套了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的主要内容，如果未能解决你的问题，请参考以下文章