js查找嵌套iframe的问题

Posted 2023-05-11

一个id为A的iframe中嵌套了一个id为B的iframe ，各位大侠，如何能够通过JS获得id为B的iframe，并能够操作里面的元素？？？急！！！

参考技术A 正常写就行了，不过要注意js代码顺序，一定要放在iframe之后再加载，否则就找不到对象咯。 参考技术B document.getElementById("B").innerhtml追问

不行啊，提示找不到对象。。。

追答

这是别人的回答：http://zhidao.baidu.com/question/552986623.html
哦，那.value试一试

刚才查了一下，希望对你有点帮助：
通过JS获取并操作iframe中的元素来解决问题
这里主要就是通过JS来操作Window对象。Window 对象表示浏览器中打开的窗口，如果文档包含框架（frame 或 iframe 标签），浏览器会为 HTML 文档创建一个 window 对象，并为每个框架创建一个额外的 window 对象。
经过我在网上查资料，找到了JS操作iframe中HTML元素的方法。示例如下。
function ShowExit()
//获取iframe的window对象
var topWin = window.top.document.getElementById("topNav").contentWindow;
//通过获取到的window对象操作HTML元素，这和普通页面一样
topWin.document.getElementById("exit").style.visibility = "visible";


说明：第一步，通过window.top.document.getElementById("topNav")方法获取了顶部菜单页面（topPage.htm）所在的iframe对象；第二步，通过上一步获取到的iframe对象的contentWindow属性得到了iframe中元素所在的window对象；第三步，通过上一步获取到的window对象来操作iframe框架中的元素，这和操作不在iframe框架中的普通HTML元素是一样的。

当使用iframe使用时出现多层的嵌套，想要从内部直接跳转到外部

参考技术A 当我在使用iframe进行多层嵌套时，发现正常的跳转不起作用，需要对一些属性进行设置，个人认为挺有意义，所以分享一下，希望能帮助到一些人。