Comment Obtenir la Taille de la Police dans le HTML
J'ai lu une question sur ici pour essayer d'obtenir la taille de la police d'un texte. La réponse a été d'obtenir la taille en pixels à l'aide d'une méthode de mesure. Tout ce que je veux être en mesure de faire est d'obtenir la taille de la police de la valeur afin que je puisse le changer.
Par exemple:
var x = document.getElementById("foo").style.fontSize;
document.getElementById("foo").style.fontSize = x + 1;
Cet exemple ne fonctionne pas si ces deux ne
document.getElementById("foo").style.fontSize = "larger";
document.getElementById("foo").style.fontSize = "smaller";
Le seul problème est que cela ne change la taille une fois.
Vous devez vous connecter pour publier un commentaire.
Contenter de prendre la
style.fontSize
d'un élément peut ne pas fonctionner. Si lefont-size
est définie par une feuille de style, ce sera un rapport""
(chaîne vide).Vous devez utiliser de la fenêtre.getComputedStyle.
Si votre élément n'ont pas de propriété font-size votre code renvoie une chaîne vide. Il n'est pas nécessaire que votre élément doit avoir une taille de police de la propriété. L'élément peut hériter des propriétés d'éléments parent.
Dans ce cas, vous avez besoin de trouver les valeurs de taille de police. Essayez ceci (ce n'est pas sûr IE)
La variable computedFontSize sera de retour avec la taille de la police avec l'unité. L'unité peut être px, em, %. Vous avez besoin de sortir la bande de l'unité pour réaliser une opération arithmétique et l'attribution de la nouvelle valeur.
La valeur que vous obtenez à partir de fontSize est quelque chose comme "12px" ou "1.5 em", donc en ajoutant 1 de cette chaîne aura pour résultat 12px1" ou "1.5em1". Vous pouvez prendre la taille de la police et de la manipuler avec:
Si vous utilisez Jquery que la suite est la solution.
Espère que cela va fonctionner.
Essayer ce serait certainement vous aider dans la détermination de la taille de la police
nous pouvons utiliser les méthodes getter et setter pour déterminer si fontsize est modifié par la suite par n'importe quel élément de code
.style.fontSize
pour obtenir le font-size!Window.getComputedStyle()
fonction pour obtenir les font-size!voici ma version de démonstration de codes!
JS:
HTML:
liens de référence:
https://developer.mozilla.org/en-US/docs/Web/API/Window/getComputedStyle