使用 js / jQuery获取iframe中的元素

1.在父页面中获取子iframe中的元素:

js:

window.frames["iframe的name值"].document.getElementById("iframe中控件的ID");  

jQuery:

$("#iframe的ID").contents().find("#目标元素的ID")

注意:在获取子页面的时候,如果子页面尚未加载完毕,上述方法会获取不到。尽量不要在页面初始化的时候直接调取子iframe的内容。可以加个延时,或者用户进行某个操作以后再去获取。

2.在子页面中获取父iframe中的元素:

js:

window.parent.document.getElementById("父窗口的元素ID");    

jQuery:

$('#父窗口中的元素ID', parent.document)
3.获取同一页面中兄弟iframe中的元素:

子iframea的js:

window.parent.window.frames["兄弟iframe的name"].document.getElementById("目标id");   

jQuery:

var _a=$('#兄弟iframe的id', parent.document).contents()[0];
$(_a).find("#目标id")
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值