Hide an element of an iframe from a different origin

How can we hide an element of an iframe and that iframe source is from another origin

I have tried that

$("#myiframe").contents().find("#myContent").hide();

but that works only when the iframe source is of the same origin.

Any help would be much appreciated.

Sinnbeck

6 years ago

Best Answer

Level 102

Do you have several id="myContent" on your page? Note that id should be unique. Also for id, one selector is enough

$("#myUniqueId").hide()

When that is said, no I don't believe it to be possible as it not allowed.

https://stackoverflow.com/questions/364952/jquery-javascript-accessing-contents-of-an-iframe

1 like

Tray2

6 years ago

Level 74

Take a look here https://www.dyn-web.com/tutorials/iframes/refs/iframe.php

1 like

Sinnbeck

6 years ago

Level 102

BTW. It makes sense that it's not possible. Image if I added YouTube to my website and the via Javascript logged you out, and asked you to login again. I could then change the login url to my own endpoint, meaning you would send your credentials to me :)

1 like

rameezisrar

6 years ago

Level 18

thanks, @sinnbeck @tray2

For the cross-origin iframe src, getting the file contents and then rendering it to iframe works for me

Please or to participate in this conversation.