Show a specific part of an iFrame using JavaScript

Question

HTML:

<iframe src = "https://newsela.com"></iframe>

I don't want the menu that's shown above.
Is there a way to do that with JavaScript or jQuery?

Probably not, unless your page is also hosted at `https://newsela.com`. The contents of the iframe are protected by the [same origin policy](https://developer.mozilla.org/en-US/docs/Web/Security/Same-origin_policy), which prevents manipulation by other sites/origins. — Jonathan Lonowski, Feb 18 '18 at 00:57

Tom DARBOUX · Accepted Answer · 2018-02-18T01:20:36.760

1

You can do something like that :

var myIFrame = document.getElementById("my_iframe");

var content = myIFrame.contentWindow.document;

content.getElementById("header").style.display = "none";

You will have to do a proxy on your server to have the same domain name

edited Feb 18 '18 at 01:20

answered Feb 18 '18 at 00:57

Tom DARBOUX

Yes! This is exactly what I want! Thank you very much! – Cursor Feb 18 '18 at 01:00
2

Does that work? Shouldn't that be blocked due to cross-origin? – Rudie Feb 18 '18 at 01:05
https://stackoverflow.com/questions/4724904/how-to-change-style-of-iframe-content-cross-domain – Tom DARBOUX Feb 18 '18 at 01:13

1 Answers1