如何從內部DOM中獲取元素。（帶DOM的DOM）

Question

概述：

我正在嘗試通過id獲取元素。 我遇到的問題是使用復雜的DOM。 我知道我可以通過id獲取元素。 document.getElementById('#some-id')

我正在使用的DOM似乎有兩個內部DOMs 。 我的問題是如何從內部DOM獲取ID。 我已附上了一個如下所示的屏幕快照，以演示我正在使用的屏幕快照，從屏幕快照中可以看到，有兩個文檔對象，而根文檔對象是我在打印document對象的內容時當前收到的對象。

題：

如何獲得嵌入在另一個DOM的元素。

屏幕截圖：

例：

<!--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>

Answer 1

從技術上講，您是對的iframe將托管自己的DOM。

您必須將外部DOM遍歷到要在其上執行操作的子幀中：

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

Answer 2

您可以通過在iframe添加一個id來實現此目的，而不是使用：

document.getElementById( /* your ID */ ).contentWindow.document.getElementById("flyout");

如何從內部DOM中獲取元素。（帶DOM的DOM）

問題描述

概述：

題：

屏幕截圖：

例：

2 個解決方案

解決方案1
2 已采納 2019-04-11 01:24:05

解決方案2
1 2019-04-11 01:22:17

如何從內部DOM中獲取元素。（帶DOM的DOM）

問題描述

概述：

題：

屏幕截圖：

例：

2 個解決方案

解決方案1 2 已采納 2019-04-11 01:24:05

解決方案2 1 2019-04-11 01:22:17

解決方案1
2 已采納 2019-04-11 01:24:05

解決方案2
1 2019-04-11 01:22:17