Comment puis-je accéder au style calculé d'un élément dans une Iframe inter-domaines ?

Accès au style calculé d'un élément dans des Iframes inter-domaines

Vous souhaitez obtenir les valeurs de style calculées pour un élément dans une iframe inter-domaines . Les informations de style de cet élément ne sont pas directement accessibles en raison de restrictions d'origine croisée.

Pour surmonter cette limitation, vous pouvez utiliser la méthode window.getComputedStyle(). Cette méthode est disponible dans les navigateurs comme Firefox, Opera et Safari, et elle permet de récupérer les styles calculés pour un élément.

Utilisation :

const element = document.getElementById("frameId");
const computedStyle = window.getComputedStyle(element);
const height = computedStyle.getPropertyValue("height");
const width = computedStyle.getPropertyValue("width");

Le code ci-dessus récupérera la hauteur et la largeur calculées pour l'élément à l'intérieur de l'iframe avec l'identifiant "frameId."

Remarque :

La propriété currentStyle peut être utilisée dans IE pour accéder au style calculé, mais il convient de noter que différents navigateurs renvoient différents objets pour le style calculé.

Si vous souhaitez récupérer le style calculé pour le contenu de l'iframe, vous devrez naviguer dans le DOM de l'iframe et appliquer la même technique à son document.

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!