在iframe子页面获取父页面元素
代码如下:
$('#objId', parent.document)
// 搞定...
在父页面 获取iframe子页面的元素
代码如下:
$("#objid",document.frames('iframename').document)
$(document.getElementById('iframeId').contentWindow.document.body).html()
显示iframe中body元素的内容。
$("#testId", document.frames("iframename").document).html()
根据iframename取得其中ID为"testId"元素
$(window.frames["iframeName"].document).find("#testId").html()
用JS或jQuery访问页面内的iframe,兼容IE/FF
注意:框架内的页面是不能跨域的!
工具:首先引入JS库
<script src="http://www.w3school.com.cn/jquery/jquery-1.11.1.min.js"></script>页面中的部分代码:
<button id="onshow">显示/隐藏</botton><iframe id="myIframe"></iframe>
隐藏iframe的方法有2种可以参考:
方法1:
//获得需要隐藏的iframe元素对象。var iframe = document.getElementById('myIframe')
//设置属性为隐藏。
iframe.style = "display:none"
方法2:
//给按钮绑定点击事件$(function(){
$('#onshow').click(function(){
$('#iframe-box').toggle()//控制是否显示
})
})
