javascript - 使用 JavaScript 在 IE 10 中导航嵌套父框架

Question

我正在尝试访问 DOM 中的一个元素，该元素位于与我当前所在的框架不同的框架中。我正在尝试转到父框架，然后访问另一个框架，比我当前所在的框架低两层(注意 这些标签是 < frame > 不是 < iframe > )。我能够在 Chrome 中完成此操作，但无法在 IE 10 中完成此操作。我有以下内容:

var divElem = parent.frames['frameOne'].contentWindow.frameTwo.document.getElementById('myDiv');

我试过contentDocument以及 contentWindow在 IE 中，但它返回为未定义。如何在 IE 10 中正确执行此操作？

Answer 1

使用跨浏览器条件回退获取框架的文档，如下所示:

//get frame by ID (assign ID to your frame, easier that way)
var frm = document.getElementById("frameOne");

//get frame's document (cross-browser fallback)
var doc = frm.contentDocument? frm.contentDocument: frm.contentWindow.document;

//assign some HTML to frame - in your case you're probably loading content via src
doc.body.innerHTML = '<div id="myDiv">Test</div>'

//access elements within frame
console.log(doc.getElementById("myDiv").innerHTML)

工作 fiddle :https://jsfiddle.net/pp6w54sv/