如何从内部DOM中获取元素。(DOM with-in DOM)

问题描述 投票:-1回答:2

概述:

我试图通过id获取元素。我遇到的问题是使用复杂的DOM。我明白我可以通过id获得一个元素。 document.getElementById('#some-id')

我正在使用的DOM似乎有两个内部DOMs。我的问题是如何从内部DOM获取ID。我已经附加了如下所示的屏幕截图来说明我正在使用的内容,因为从屏幕截图中可以看到有两个文档对象,而根文档对象是我在打印出document对象的内容时正在接收的内容。

题:

如何获得嵌入另一个DOM中的元素。

屏幕截图:

elements

例:

<!--Root DOM-->
    <!DOCTYPE html>
<!--Creates dom object-->
    <iframe id="i1" src="iframe1.html">
        <!--Creates dom object-->
        <iframe id="i2" src="iframe2.html">
            <!--How do you access this element by id.-->
            <div id="flyover">
                innerHtml
            </div>
        </iframe>
    </iframe>
javascript dom
2个回答
2
投票

从技术上讲,你是对的 - iframe将托管自己的DOM。

您必须将外部DOM遍历到您尝试执行操作的子框架中:

window.frames[0].frames[0].document.getElementById("flyout");

1
投票

您可以通过向id添加iframe来实现此目的,而不是使用:

document.getElementById( /* your ID */ ).contentWindow.document.getElementById("flyout");
© www.soinside.com 2019 - 2024. All rights reserved.