Run javascript on a specific execution context (iframe)

Question

I am trying to write javascript code (and put it in a bookmarklet later) that will autofill some textbox on a webpage.

document.getElementById("textboxID").value = "Some Text"

The problem i have seems to be execution context. This code works only if i inspect element first, or if manually change execution context form top to the one selected (ext-gen65). .

Whats is the (or is there) a proper way to do this?

EDIT: When i use document.getElementById('ext-gen65').contentWindow.document i get Cannot read propery 'document' of undefined error.

Possible duplicate of Get IFrame's document, from JavaScript in main document — C3roe
– C3roe, Commented Aug 9, 2018 at 10:56
Might be a timing issue, if you execute this before the iframe has loaded? If that’s not it, then check what document.getElementById('ext-gen65').contentWindow returns first - do you get a window instance, or is that null/undefined already? — C3roe
– C3roe, Commented Aug 9, 2018 at 11:23
It does return a window instance. WillhemVanderVeen answer solved it, thanks. — Frakula
– Frakula, Commented Aug 9, 2018 at 11:36

Willem van der Veen · Accepted Answer · 2018-08-09 11:11:31Z

The problem is that the ID is inside the document of the Iframe, each Iframe has its own window.document property where your element is located. You can get the document in the following manner:

let Iframe = document.getElementById('yourIframe').contentWindow.document let value = Iframe.getElementById("textboxID").value = "Some Text"

Collectives™ on Stack Overflow

Run javascript on a specific execution context (iframe)

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related