Comment obtenir la taille de la police en HTML

Question

J'ai lu une question ici pour essayer d'obtenir la taille de la police d'un texte. La réponse donnée était d'obtenir la taille des pixels en utilisant une méthode de mesure. Tout ce que je veux, c'est être capable d'obtenir la valeur de la taille de la police pour pouvoir la modifier.

Par exemple :

var x = document.getElementById("foo").style.fontSize;
document.getElementById("foo").style.fontSize = x + 1;

Cet exemple ne fonctionne pas, mais les deux exemples suivants fonctionnent

1. document.getElementById("foo").style.fontSize = "larger";
2. document.getElementById("foo").style.fontSize = "smaller";

Le seul problème est qu'il ne change la taille qu'une seule fois.

Answer 1

Une solution adaptée à chaque cas

Parfois (en cas d'utilisation de media queries par exemple) les réponses ci-dessus ne fonctionnent pas, voici comment y parvenir quand même :

const fontSize = window.getComputedStyle(el).fontSize

Answer 2

Essayez ceci, cela vous aidera certainement à déterminer la taille de la police.

var elem = document.createElement('div');
var t=document.createTextNode('M')
elem.appendChild(t);
document.body.appendChild(elem);

var myfontSize = getStyle(elem,"fontSize")
alert(myfontSize)
document.body.removeChild(elem);

function getStyle(elem,prop){
if (elem.currentStyle) {
var res= elem.currentStyle.margin;
} else if (window.getComputedStyle) {
if (window.getComputedStyle.getPropertyValue){
var res= window.getComputedStyle(elem, null).getPropertyValue(prop)}
else{var res =window.getComputedStyle(elem)[prop] };
}
return res;
}

nous pouvons également utiliser les filtres getter et setter pour déterminer si la taille de la police est modifiée par la suite par n'importe quelle partie du code.