在iframe父界面获取iframe里面的标签

时间：2016-11-05 11:40:19 阅读：302 评论：0 收藏：0 [点我收藏+]

标签：switch element com onload job 个数 win remove parent

上一篇里边介绍了在里边利用iframe引入另一个html导航文件，有兴趣的朋友可以看一看 http://www.cnblogs.com/simba-lkj/p/6031662.html

目前遇到一些问题们，想要在引用了iframe的文件里修改iframe里边的样式。

解决了这个问题，整理一下，供大家参考

demo：

</div>

1、这是我首先考虑的一个方法

获取iframe引入的html文件元素通过id获取

要在网页加载完之后再进行这段代码

window.onload = function(){

var test = document.getElementById(‘iframe的id‘).contentWindow.document.getElementById(‘iframe里要获取的元素的id‘);

console.log(test);

　test.style.display = "none";

}

2、可以在iframe文件js里获取父网页的相对路径，将相对路径存储在一个数组中，通过判断相对路径来进行操作

实例：

var URL = window.parent.location.pathname;

路径数组：

var arrURL = ["/CASE/aishuoke/index.html","/CASE/aishuoke/about.html","/CASE/aishuoke/news.html","/CASE/aishuoke/download.html","/CASE/aishuoke/case.html","/CASE/aishuoke/job.html","/CASE/aishuoke/shownews.html",

"/CASE/aishuoke/showinfo.html","/CASE/aishuoke/showimg_first.html","/CASE/aishuoke/showimg_second.html","/CASE/aishuoke/showimg_third.html","/CASE/aishuoke/showimg_forth.html"];

switch (URL){

case arrURL[0]:

$("#shouye").addClass("show").siblings().removeClass("show");

break;

}

总结：

在iframe中获取父窗口的元素

$(‘#父窗口中的元素ID‘, parent.document).click();jquery

在父窗口中获取iframe中的元素

1、：var test = $("#iframe的ID").contents().find("#iframe中的控件ID");//jquery 方法1

　　var test2 = $("#iframe中的控件ID",document.frames("frame的name").document);//jquery 方法2

　　var test3 = document.getElementById(‘iframe的id‘).contentWindow.document.getElementById(‘iframe里要获取的元素的id‘);//js方法

转载请注明出处，谢谢合作*-* http://www.cnblogs.com/simba-lkj/p/6032458.html

在iframe父界面获取iframe里面的标签

标签：switch element com onload job 个数 win remove parent

原文地址：http://www.cnblogs.com/simba-lkj/p/6032458.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行