如何在 Angular 6 中访问 IFrame DOM？ [复制]

【问题标题】：How to access to IFrame DOM in Angular 6? [duplicate]如何在 Angular 6 中访问 IFrame DOM？ [复制]
【发布时间】：2018-08-16 12:53:47
【问题描述】：

如何在 angular 6 中访问 IFrame DOM 我可以轻松获得 iframe 元素 - this.hostElement.nativeElement.querySelector('iframe')。

但我不知道如何在这个 iframe 中获取一些元素，例如，更改样式属性或更改 DOM 中的某些内容。此 iframe 来自外部，来自另一个域。

【问题讨论】：

【解决方案1】：

iframe 拥有自己的 DOM 树（具有自己的 document 和 window 元素），您需要“获取”它的文档才能获取内部元素。

为此，请使用.contentWindow

例如
this.hostElement.nativeElement.querySelector('iframe').contentWindow.document.querySelector()

【讨论】：