Comment récupérer les valeurs de style calculées à partir d'Iframes inter-domaines ?

Récupération des valeurs de style calculées des éléments inter-domaines

Lorsque vous travaillez avec des iframes de différents domaines, l'accès aux informations de style calculées peut être difficile. Pour obtenir les styles calculés, suivez la solution complète fournie ci-dessous.

Navigateurs WebKit

Pour les navigateurs basés sur WebKit, utilisez l'extrait de code suivant :

window.getComputedStyle(document.getElementById("frameId"), null).getPropertyValue("height")

Alternativement, vous pouvez accéder à la valeur calculée en CSS texte :

window.getComputedStyle(document.getElementById("frameId"), null).getPropertyCSSValue("height").cssText

Internet Explorer

Pour Internet Explorer, utilisez la propriété 'currentStyle' :

document.getElementById("frameId").contentDocument.body.currentStyle.height

Contenu Iframe

Cependant, pour obtenir le style calculé du contenu de l'iframe, vous devrez naviguer plus profondément dans le DOM en suivant les étapes suivantes :

1. Obtenez la référence au document iframe :

   var iframeDoc = document.getElementById("frameId").contentDocument;

2. Effectuez le code approprié en fonction du type de navigateur comme décrit ci-dessus.

Exemple

Une fois vous avez le style calculé, vous pouvez y accéder comme suit :

iframeDoc.getElementById("brshtml").style.height

Notez que l'identifiant "brshtml" devra peut-être être ajusté s'il n'est pas présent dans le document cible.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!