使用 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")

猜你喜欢

转载自blog.csdn.net/css_666/article/details/79291935