récupérer la valeur de l'attribut de l'élément parent à partir du contenu de l'iframe

Question

Y a-t-il un moyen d'obtenir la valeur de l'attribut data-media si j'exécute le script à l'intérieur du iframe le contenu ?

Le code ressemble à ceci :

<div id="myDiv">
    <iframe data-create-resource-url="http://my.domain.url" 
       data-media="Song" 
       frameborder="0" 
       height="41" 
       src="https://different.domain.url" width="366">
     </iframe>
</div>

J'ai déjà essayé de nombreuses façons comme window.parent.document o top.document o window.parent et d'autres solutions disponibles mais cela ne semble pas fonctionner.

Answer 1

Vous n'avez pas vraiment besoin d'accéder au parent. Comme vous exécutez le script à l'intérieur d'iframe. iframe est actuellement la fenêtre pour votre script à l'intérieur d'iframe. Donc l'accès à l'élément window devrait vous donner la réponse suivante attr . Essayez ceci (non testé) :

alert($(window).attr('data-media'));

Answer 2

Avez-vous essayé ceci :

window.frameElement.getAttribute("data-media");

Answer 3

Tout d'abord, ajoutez un ID ou une CLASSE à votre élément iframe (tel que id='myframe' )
Vous pouvez ensuite utiliser jquery pour accéder à n'importe lequel de ces attributs :

var parent=window.parent.document.getElementById('#myframe');

Il suffit maintenant d'obtenir votre attribut (non testé) :

myAttr=$(parent).data("my-data-attribute") or
myAttr=$(parent).attr("myelement")