.append of CSS не влияет на iframe в IE / Edge - PullRequest
Новая
       21

.append of CSS не влияет на iframe в IE / Edge

0 голосов
/ 25 января 2019

У меня есть iframe, в который мне нужно добавить CSS. Он работает во всех браузерах, кроме IE / Edge. Мне нужно скрыть заголовок в этом iframe, и я использую .append для этого.

Я пробовал .append("<style type='text/css'> #header {display: none;}</style>'); Я также пробовал высококонтрастные медиа-запросы -ms. 

$(document).ready(function(){
    $('iframe').load( function() {
        $('iframe').contents().find("head")
            .append("<style type='text/css'> #header {display: none 
 !important;}</style>"); 
    });
});

Я ожидаю, что мой div с идентификатором #header будет скрыт в браузерах IE / Edge внутри iframe.

1 Ответ

0 голосов
/ 23 февраля 2019

Было бы намного проще напрямую изменить div #header, например:

$("iframe").contents().find("#header").css({display:"none"});

или не-jQuery-версия:

document.querySelector('iframe').contentDocument.querySelector("#header").style.display="none";

Обратите внимание, что contents() не будет работать, если ваша собственная страница отсутствует на drury.edu.Браузеры не позволят вам создать чужой веб-сайт, а затем использовать его.

...