2016-12-06 7 views
-1

iframeでクラス "location_description"を持つdiv要素を削除するために実行しようとしているが、動作していない例があります。どんな解決策ですか?

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

はどこですか?場所は? – Mahi

答えて

3

のiframeのドメインは、親ページのドメインと同じでない場合は、 same origin policy

のためコンテンツを操作できません

異なるドメインでコンテンツを制御できる(つまり、コードを追加できます)場合は、Postmessagingを使用して、何をしようとしているのかを指定できます。 iframeのコンテンツ内にリスナーを追加するだけで、この変更をいつ実行するかを指示します。

ドメインを見てからはあまりありませんので、しかし、私はこれがあなたのページではありません想像するあなたはそれのクラスで何かを削除したい場合は、これはそれを行うためにあなたの文になりますjqueryのを使用して

0

を行うことができます:

$( "。location_description")。remove();

iframeではこのような操作はできません。 次のことができますように

 iframe.contentWindow.postMessage('Hello ');

関連する問題