Javascript 如何在同一DOM控制台中访问嵌套文档对象?

Javascript 如何在同一DOM控制台中访问嵌套文档对象?,javascript,node.js,Javascript,Node.js,我试图访问嵌套文档中包含的内容,该文档位于html的深处。我刚刚使用document.getElementsByClassName('top') 然而,我注意到它正在从srcurl接收嵌套文档 出于几个原因,我需要了解如何在同一控制台中查询文档。首先是因为文档的url版本实际上并不包含文档的所有内容,其次是因为我无法在两个单独的页面控制台之间进行通信 以下是文档的内部内容、标准标题和正文标记 我也试图像这样访问文档,但运气不佳(不太奇怪) 我找到的唯一选项是通过返回url来输入文档 doc

我试图访问嵌套文档中包含的内容,该文档位于html的深处。我刚刚使用
document.getElementsByClassName('top')

然而,我注意到它正在从
src
url接收嵌套文档

出于几个原因,我需要了解如何在同一控制台中查询文档。首先是因为文档的url版本实际上并不包含文档的所有内容,其次是因为我无法在两个单独的页面控制台之间进行通信

以下是文档的内部内容、标准标题和正文标记

我也试图像这样访问文档,但运气不佳(不太奇怪)

我找到的唯一选项是通过返回url来输入文档

document.getElementsByClassName('top').src

并在新选项卡中打开。但是,我当然不能继续使用此方法。

您可以通过访问
contentWindow
属性来访问
iframe
中的信息:

// reference to iframe with id 'ifrm'
var ifrm = document.getElementById('ifrm');
// using reference to iframe (ifrm) obtained above
var win = ifrm.contentWindow; // reference to iframe's window
// reference to document in iframe
var doc = ifrm.contentDocument? ifrm.contentDocument: ifrm.contentWindow.document;
// reference to form named 'demoForm' in iframe
var form = doc.getElementById('demoForm');
摘自


但这仅限于允许访问
src
中指定的URL。否则,它就是一个。

您是否试图更改外部页面或获取有关它的信息?获取
#文档中包含的信息
是同一域和上下文的iframe?如果不是的话,你还是要想办法克服这个问题,但无论哪种方式,你的问题中都没有太多关于你想具体做什么的信息,我也不确定你所说的“同一个页面控制台”是什么意思,但是一个可复制的示例而不是屏幕截图会有所帮助。当然,抱歉,我不是一个web开发人员,更多的是移动开发。我指的是,我只能通过使用
src
url并将其粘贴到另一个选项卡中来输入文档。在url控制台中,我可以访问文档的内容,但在原始控制台中无法访问。我不明白你所说的上下文是什么意思?我无法在同一个dom中查询输入嵌套文档吗?我如何创建一个可生成的示例?这不是我的密码,好吧,我明白。我可以通过手动打开dom中的容器进入文档,这不一定表示它允许我访问文档内部的查询吗?您是否拥有
random.org
URL?不,我没有,如果可以通过dom单击访问,为什么不能在控制台中查询?它看起来不是动态的或任何东西,文档在dom中总是可见的。只是嵌套的。出于安全考虑。在DOM中查看它和在代码中访问它的数据是两件不同的事情
// reference to iframe with id 'ifrm'
var ifrm = document.getElementById('ifrm');
// using reference to iframe (ifrm) obtained above
var win = ifrm.contentWindow; // reference to iframe's window
// reference to document in iframe
var doc = ifrm.contentDocument? ifrm.contentDocument: ifrm.contentWindow.document;
// reference to form named 'demoForm' in iframe
var form = doc.getElementById('demoForm');