2016-12-06 2 views
-1

Вот пример, который я пытаюсь выполнить, чтобы удалить элемент div с классом «location_description» в iframe, но он не работает. Любое решение?

HTML

<div id="kk"> 
    <iframe id = "weatherFrame" src="https://www.meteoblue.com/el/%CE%BA%CE%B1%CE%B9%CF%81%CF%8C%CF%82/widget/daily?geoloc=detect&days=4&tempunit=CELSIUS&windunit=KILOMETER_PER_HOUR&coloured=coloured&pictoicon=1&maxtemperature=1&mintemperature=1&layout=light" frameborder="0" scrolling="NO" allowtransparency="true" sandbox="allow-same-origin allow-scripts allow-popups" class = "weatherFrame" style = "width: 60%;height: 100%;"></iframe> 
    <div> 
     <a href="https://www.meteoblue.com/el/%CE%BA%CE%B1%CE%B9%CF%81%CF%8C%CF%82/%CF%80%CF%81%CF%8C%CE%B3%CE%BD%CF%89%CF%83%CE%B7/%CE%B5%CE%B2%CE%B4%CE%BF%CE%BC%CE%AC%CE%B4%CE%B1?utm_source=weather_widget&utm_medium=linkus&utm_content=daily&utm_campaign=Weather%2BWidget" target="_blank"></a> 
    </div>  
</div> 

JQuery (конец <body>)

$('#weatherFrame').load(function(){ 
    alert("in"); 
    $("location_description").remove(); 
}); 
+2

ли содержание IFrame и главная страница, на том же домене? –

+0

где есть 'location_description'? – Mahi

ответ

3

Если домен фрейма не совпадает с доменом родительской страницы, вы не сможет управлять своим содержимым из-за same origin policy

Если у вас разные домены, но у вас есть контроль над его содержимым (то есть вы можете добавить код к нему), вы можете использовать , чтобы сделать то, что вы пытаетесь сделать. Просто добавьте слушателя в контент iframe, который сообщает ему, когда следует скрыть это изменение.

Глядя на домен, однако я полагаю, что это не ваша страница, так что не так много вы можете сделать

0

Использование JQuery, если вы хотите удалить что-то от своего класса, то это будет ваше заявление, чтобы сделать это :

$ (". Location_description"). Remove();

И в iframe вы не можете делать такие манипуляции. Вы можете так некоторые вещи, как показано ниже

 iframe.contentWindow.postMessage('Hello ');

Смежные вопросы