How to access to IFrame DOM in Angular 6?

Question

How i can access to IFrame DOM in angular 6 I can easily get iframe element - this.hostElement.nativeElement.querySelector('iframe').

But i don't know how i can get some element inside this iframe, and, for example, change style attributes or change something in DOM. This iframe is from outside, from another domain.

It has been 3 years. @Yauheni were you able to solve this? – Shekhar Sahu Mar 19 '19 at 08:26 — Shekhar Sahu, Mar 19 '19 at 08:26

score -1 · Answer 1 · answered Aug 16 '18 at 14:01

-1

iframe has it's own DOM tree (with own document and window elements) and you need to 'get' it's document to get inner elements.

To do so use .contentWindow

Eg.
this.hostElement.nativeElement.querySelector('iframe').contentWindow.document.querySelector()

answered Aug 16 '18 at 14:01

Paulie

164
5

1

That won't work. The question says "This iframe is from outside, from another domain" – Quentin Aug 16 '18 at 14:02
Yes, it doesn't work, because this iframe has url from another domain – Yauheni Zuyeu Aug 17 '18 at 06:03

How to access to IFrame DOM in Angular 6?

1 Answers1