Как добавить свойство CSS к элементам вне iframe?

Извините, если это было не то место, чтобы спросить. Мне трудно понять это.

Что я пытаюсь сделать, так это удалить демонстрационную панель, предоставляемую торговыми площадками, такими как themeforest или mojothemes, на моем собственном демонстрационном сайте.

Но поскольку то, что появляется в живой демонстрации темы на рынке, извлекается, оно появляется в iframe внутри их сайта.

Я пытался спросить на их форумах, но никто не помог.

Есть ли способ сделать это? Пример, сделанный на рынке, был бы отличным.


javascript css marketplace
person Bobby    schedule 05.06.2014    source источник
comment
Если ваш Javascript находится внутри содержимого iFrame, обычно вы не сможете этого сделать. iFrame может получить доступ только к DOM внутри него.   -  person Pete_Gore    schedule 05.06.2014
comment
Как разработчики, отправившие работу в themeforest, делают это? Я действительно смущен. Я отправил им электронное письмо, и они сказали, что не могут помочь с этим, и что я должен сделать это в своей демонстрации.   -  person Bobby    schedule 05.06.2014

Ответы (3)


arrow_upward
3
arrow_downward

Ответ: нет. Невозможно изменить элементы купола вне iframe с помощью скрипта на сайте в iframe.

Причина: поскольку веб-сайт Marketplace обращается к вашему демонстрационному сайту в iFrame на своем сервере. Например, как вы вставляете видео YouTube на свою страницу и указываете заголовок над ним и т. Д., Пытаются ли когда-либо карты YouTube или Google изменить стили своих контейнеров? они когда-нибудь меняют заголовок, который вы написали над кодом для встраивания? Вот и все

person echoashu    schedule 08.07.2014

arrow_upward
1
arrow_downward

Вы не можете (из-за межсайтового скриптинга — http://en.wikipedia.org/wiki/Cross-site_scripting), так как это отдельный документ. Но вы можете использовать веб-сообщения: http://en.wikipedia.org/wiki/Web_Messaging для воздействия на JS/CSS внутри iframe (но для этого потребуются действия с обеих сторон).

person Oskar Szura    schedule 08.07.2014

arrow_upward
-1
arrow_downward

Если вы можете выполнять Javascript из iframe, вы можете изменить элементы за его пределами с помощью Свойства родительского окна. . Пример использования:

parent.document.body.style.backgroundColor = "red";

изменяет фон <body> за пределами iframe.

person user1717828    schedule 29.01.2020