如何使用javascript访问子元素？

Question

我熟悉这样访问父窗口：

window.parent.document.getElementById("ad_nr")

但是，如果我想从父母访问子窗口怎么办？ （例如iframe）然后在那里设置一个隐藏的输入到父窗口中创建的某个值，这是怎么做的？

可能很容易，但我错过了，所以我问你们！

由于

Answer 1

您可以使用window.frames集合。

例如：

window.frames[index].document.getElementById('myInputName').value = someValue;

Answer 2

frames["FRAME_NAME_HERE"].document.getElementById("HiddenField1").value = "Whatever";

注意：iframe 中的文档必须与父级位于同一个域中。没有解决这个限制。

Answer 3

您可以使用window.frames数组访问子框架。 例如：

window.frames[0].document.getElementById('myElement')

Answer 4

只需访问框架集合并以通常的方式使用文档。例如：

window.frames['loader_frame'].document.getElementById("ad_nr")