How could we find the styleSheets of a page which is insided any iframe?

Asked Dec 03 '18 at 11:30

Active Dec 03 '18 at 11:30

Viewed 346 times

How could we find the styleSheets of a page which is inside any iframe.

<iframe id="#iframe" src="view_page.php" 
style="transition: none 0s ease 0s;" width="750" height="899"></iframe>

console.log(document.styleSheets);

The above thing will work if page is loaded in browser without iframe. document.styleSheets will give an array of StyleSheets, included in file. But, it doesn't work when page is inside iframe.

asked Dec 03 '18 at 11:30

Mithilesh Kumar

1

Is the iframe from the same origin? because if it's not you will be limited by the same origin policy – Youssef Bouhjira Dec 03 '18 at 11:35
yes, it's from the same origin. – Mithilesh Kumar Dec 03 '18 at 11:40
try this document.querySelectorAll('iframe')[0].contentDocument.head – Saiyam Gambhir Dec 03 '18 at 11:46
[link](https://stackoverflow.com/questions/324486/how-do-you-read-css-rule-values-with-javascript) , check this solution, but this is for page not for page inside iframe – Mithilesh Kumar Dec 03 '18 at 11:55
@SaiyamGambhir i got the answer for my question. document.querySelectorAll('iframe')[0].contentDocument.styleSheets This will tell me all external stylesheets included in iframe page. – Mithilesh Kumar Dec 03 '18 at 15:11
@MithileshKumar hope I helped you. – Saiyam Gambhir Dec 06 '18 at 10:48

How could we find the styleSheets of a page which is insided any iframe?

0 Answers0

Linked