Comment puis-je obtenir de manière fiable la taille de police d'un élément HTML ?

Détermination de la taille de la police en HTML

Lorsque vous tentez de récupérer la taille de la police d'un élément, l'idée initiale d'accéder à style.fontSize peut s'avérer insuffisante. Cela est particulièrement vrai lorsque la taille de la police est définie en externe dans une feuille de style, ce qui entraîne une chaîne vide lors de sa récupération à l'aide de cette méthode.

Pour résoudre ce problème, vous pouvez utiliser window.getComputedStyle, comme illustré ci-dessous :

var el = document.getElementById('foo');
var style = window.getComputedStyle(el, null).getPropertyValue('font-size');
var fontSize = parseFloat(style); // Convert the style value to a numeric font size
el.style.fontSize = (fontSize + 1) + 'px'; // Increment the font size by 1

Cette approche récupère avec précision la taille de la police, même si elle est définie dans une feuille de style. La variable fontSize résultante peut ensuite être utilisée pour ajuster dynamiquement la taille de la police de l'élément spécifié.

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!