Comment trouver mon propre identifiant iframe sur une page? - javascript, jquery, html, iframe

Je travaille actuellement sur quelques petitesAnnonces JavaScript / HTML5 pour une page Web. Chaque annonce a son propre iframe avec une taille / un espace dédié sur la page. Pour une annonce extensible qui doit dépasser la hauteur prédéterminée, je change la taille de mon iframe avec cette ligne dans mon script:

parent.document.getElementById("iframe1").style.height = "90px";

Cela fonctionne pour le moment, mais j'essaie de faire cela.preuve de l'avenir que nous changeons notre page Web. Existe-t-il un moyen de changer cela sans connaître le nom de l'iframe? Ou un moyen de trouver le nom de mon iframe et de le changer comme je l'ai été?

Réponses:

Vous pouvez utiliser

window.frameElement

La source: https://developer.mozilla.org/en-US/docs/Web/API/Window/frameElement

Je ne sais pas si cela couvre votre question, mais cela enregistrera tous les Iframes sur votre page.

$("iframe").each(function(index,iframe) {
console.log(iframe);
});

Ensuite, vous pouvez tous les changer comme ça.

$("iframe").each(function(index,iframe) {
iframe.style.height = "90px";
});

Si vous voulez obtenir les identifiants.

$("iframe").each(function(index,iframe) {
console.log(iframe.id);
});