Run a Javascript command into a iframe

Question

i have a HTML page that include in a iframe another page, like this:

<!DOCTYPE html>
<html>
<head>
    <style>
        iframe{width:100vw;height:100vh;border:0}
    </style>
    <script>
        function reload(){setTimeout(function(){document.body.firstElementChild.src+="",reload()},300000)}reload();
    </script>
</head>
<body>
<iframe id="mappa" src="*********"></iframe>
</body>
</html>

Now i want to run a command into in this iframe, like this: $(".SimpleSliderDecrementButton").trigger("click");

How can i made this command running into the iframe?

Does this answer your question? [Invoking JavaScript code in an iframe from the parent page](https://stackoverflow.com/questions/251420/invoking-javascript-code-in-an-iframe-from-the-parent-page) — evolutionxbox, Feb 23 '20 at 13:09

score 0 · Answer 1 · answered Feb 23 '20 at 12:48

0

You can try to use emit. $(youriframe).emit('click'), or dispatchEvent('click'). Also you can check the specs about emiting events.

answered Feb 23 '20 at 12:48

Arturas Lapinskas

336
2
14

score 0 · Answer 2 · answered Feb 23 '20 at 13:15

https://codesandbox.io/s/ancient-shadow-9b4yk

You can use iframe.contentDocument to get access to .SimpleSliderDecrementButton inside iframe and .click() instead of .trigger().

const iframe = document.querySelector("iframe");
$(iframe.contentDocument).find(".SimpleSliderDecrementButton").click();

Run a Javascript command into a iframe

2 Answers2