Comment obtenir la taille de police calculée d'un élément DOM en JavaScript ?

Obtenir la taille de police calculée d'un élément DOM en JavaScript

Comprendre la taille de police calculée d'un élément DOM est crucial, en particulier lors de la manipulation d'éléments avec un héritage de style complexe. Voici comment récupérer ces informations :

Si vous avez accès à la propriété element.currentStyle non standard d'Internet Explorer, vous pouvez utiliser ce code simple :

if (el.currentStyle) {
  return el.currentStyle['fontSize'];
}

Pour les autres navigateurs prenant en charge la norme DOM niveau 2, vous pouvez utiliser la méthode getComputedStyle :

if (document.defaultView && document.defaultView.getComputedStyle) {
  return document.defaultView.getComputedStyle(el, null).getPropertyValue('font-size');
}

En solution de secours, si ni currentStyle ni getComputedStyle sont disponibles, vous pouvez toujours accéder à la propriété CSS en ligne en utilisant element.style :

else {
  return el.style['fontSize'];
}

Cette fonction peut être utilisée comme suit :

var element = document.getElementById('elementId');
var fontSize = getStyle(element, 'font-size');

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!