我试图通过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>
从技术上讲,你是对的 - iframe
将托管自己的DOM。
您必须将外部DOM遍历到您尝试执行操作的子框架中:
window.frames[0].frames[0].document.getElementById("flyout");
您可以通过向id
添加iframe
来实现此目的,而不是使用:
document.getElementById( /* your ID */ ).contentWindow.document.getElementById("flyout");