Using an IFrame API in Typescript?

Question

Doing the following:

    let doc = this.iframe.contentDocument || this.iframe.contentWindow;
    let content = `...`
    doc!.open();
    doc!.write(content);
    doc!.close();

However the Typescript linter says:

Property 'write' does not exist on type 'Document | Window'. Property 'write' does not exist on type 'Window'.ts(2339)

How do we fix that?

typecase doc to any. let doc = (this.iframe.contentDocument || this.iframe.contentWindow) as any; — abhishek khandait
– abhishek khandait, Commented Dec 4, 2020 at 14:09

captain-yossarian from Ukraine · Accepted Answer · 2020-12-04 14:15:05Z

1

Because according to TS DOM typings, write only exists on Document type. Maybe it worth updating TS version, maybe not)

There is one fast workaround:

let doc = (this.iframe.contentDocument || this.iframe.contentWindow) as Document;

Please, double check if write method exists in case this.iframe.contentDocument === null // true

answered Dec 4, 2020 at 14:15

captain-yossarian from Ukraine

33.5k5 gold badges41 silver badges78 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Using an IFrame API in Typescript?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related