Comment puis-je obtenir la police réellement rendue en JavaScript lorsque les propriétés de la police CSS ne sont pas définies ?

Accès à la police rendue réelle lorsqu'elle n'est pas définie dans CSS

Lors de l'accès aux propriétés de police d'un élément, l'objet.style.fontFamily et l'objet JavaScript .style.fontSize peut renvoyer des valeurs vides si les propriétés CSS correspondantes ne sont pas explicitement définies. Toutefois, cela ne signifie pas que l'élément est rendu sans police. Le navigateur applique généralement des styles par défaut ou hérités, qui définissent la police rendue réelle.

Pour récupérer les informations sur la police rendue, vous pouvez utiliser la méthode getComputedStyle :

function css(element, property) {
    return window.getComputedStyle(element, null).getPropertyValue(property);
}

Par exemple :

css(object, 'font-size') // returns '16px'

Cette méthode renvoie la valeur calculée de la propriété spécifiée, même si elle n'a pas été explicitement définie dans le CSS.

Remarque :getComputedStyle n'est pas pris en charge dans IE8.

Démo en direct :

[https://jsfiddle .net/4mxzE/](https://jsfiddle.net/4mxzE/)

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!