如何在Angular 6中访问IFrame DOM？

Question

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

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

Answer 1

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

为此，请使用.contentWindow

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