Как прописать и применить css из iframe на родительский документ?

Question

JAMLIGHT @JAMLIGHT

CSS

Как прописать и применить css из iframe на родительский документ?

Iframe и документ его содержащий находятся на одном домене

Вопрос задан более трёх лет назад
92 просмотра

2 комментария

Подписаться 1 Сложный 2 комментария

Помогут разобраться в теме Все курсы

Яндекс Практикум

Профессиональная вёрстка на HTML и CSS

3 месяца

Далее
Stepik

Основы HTML и CSS

2 недели

Далее
OTUS

HTML/CSS

3 месяца

Далее

Пригласить эксперта

Ответы на вопрос 1

6 комментариев

JAMLIGHT @JAMLIGHT Автор вопроса

Тут имеется ввиду условие ,что прописать могу стили только в айфрейме. В родительском документе нет возможности подключить стили

Написано более трёх лет назад
Денис Инешин @IonDen
Ну вы же из родительскоего фрейма читаете iframe на JS, так? Вы можете динамически из того же JS файла подключить стиль к родительскому фрейму (если знаете адрес конечно).

var fileref=document.createElement("link"); fileref.setAttribute("rel", "stylesheet"); fileref.setAttribute("type", "text/css"); fileref.setAttribute("href", filename); document.getElementsByTagName("head")[0].appendChild(fileref);
Написано более трёх лет назад
JAMLIGHT @JAMLIGHT Автор вопроса
Какого родительского фрейма?Какой js? Вот простая разметка

<html> <head> </head> <body> <iframe></iframe> </body> </html>

К примеру как прописать ширину body 100% за тегом айфрейма?
Написано более трёх лет назад
Денис Инешин @IonDen

JAMLIGHT, вы имеете какой либо доступ к родителькому окну?

Написано более трёх лет назад
JAMLIGHT @JAMLIGHT Автор вопроса
Денис Инешин, находятся на одном домене. Поясню смысл задачи. Конструтор сайтов WIX предоставляет возможность встраивать свой код,но он встраивается как iframe в тело документа и нет возможности самому стилизовать сам документ этим кодом, а хотелось бы. Что на счёт window.parent ? Он возвращает родительское окно из айфрейма?
Так можно?
window.parent.document.getElementsByTagName("body").style.background = "red";
Написано более трёх лет назад
JAMLIGHT @JAMLIGHT Автор вопроса
Вот состряпал ,оцените

<button onclick="myFunction()">Try it</button> <script> function myFunction() { var list = window.parent.document.getElementsByTagName("HTML")[0]; list.getElementsByTagName("BODY")[0].style.background = "blue"; } </script>

выдаёт ошибку Uncaught DOMException: Blocked a frame with origin from accessing a cross-origin frame.
Написано более трёх лет назад