Comment puis-je récupérer des styles calculés à partir d'une Iframe inter-domaines ?

Récupérer le style calculé à partir d'une Iframe inter-domaines

Cet article se concentre sur l'obtention du style calculé d'un élément HTML dans une iframe située sur un domaine différent. L'objectif est de récupérer des propriétés CSS spécifiques telles que la hauteur et la largeur que les navigateurs calculent et utilisent.

Pour accéder au style calculé, vous pouvez utiliser les éléments suivants :

Navigateurs autres que IE

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

Ce script renvoie la hauteur calculée de l'élément. Alternativement, vous pouvez également utiliser :

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

IE

element.currentStyle

Cette méthode renvoie l'objet de style actuel pour l'élément spécifié.

Considérations inter-domaines

Comme vous ne pouvez pas accéder directement à l'iframe en raison de restrictions inter-domaines, vous devez trouver un autre moyen d'accéder à l'élément dont vous avez besoin. Vous pouvez le faire en manipulant le DOM du document de l'iframe.

Sélection de l'élément cible

Pour sélectionner l'élément souhaité, vous pouvez utiliser ce qui suit :

document.getElementById("frameId").contentDocument.getElementById("brshtml")

Cela suppose que l'élément head du document iframe a un identifiant de "brshtml."

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!