文章/答案/技术大牛

发布

社区首页 >问答首页 >如何从内部DOM中获取元素。(DOM中带-的DOM)

问如何从内部DOM中获取元素。(DOM中带-的DOM)
EN

Stack Overflow用户

提问于 2019-04-11 09:16:11

回答 2查看 252关注 0票数 -1

概述：

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

我正在使用的DOM似乎有两个内部DOMs。我的问题是如何从内部DOM获取ID。我附加了一个屏幕截图(如下所示)来演示我正在使用的内容，从屏幕截图中可以看到，有两个document对象，根document对象是我当前在打印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>

javascript

dom

回答 2

Stack Overflow用户

回答已采纳

发布于 2019-04-11 09:24:05

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

您必须遍历外部DOM到您试图在其上执行操作的子帧中：

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

票数 2

Stack Overflow用户

发布于 2019-04-11 09:22:17

您可以通过将id添加到iframe来完成此操作，然后使用：

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

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/55623348

复制

相似问题

问如何从内部DOM中获取元素。(DOM中带-的DOM)
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何从内部DOM中获取元素。(DOM中带-的DOM)EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何从内部DOM中获取元素。(DOM中带-的DOM)
EN