Comment changer la police en javascript-Questions et réponses frontales-php.cn

Comment changer la police en javascript

王林

Libérer： 2023-05-27 10:48:07

original

2091 Les gens l'ont consulté

Tout d'abord, JavaScript est un langage de script principalement utilisé pour le développement web et la programmation d'applications interactives. Dans le développement Web, JavaScript peut modifier le style des éléments Web, y compris les polices, en manipulant le DOM (Document Object Model).

Voyons comment utiliser JavaScript pour changer la police.

Méthode 1 : Modifier les polices via les styles CSS

Dans les pages Web, nous pouvons définir différentes polices via des feuilles de style CSS, puis utiliser JavaScript pour modifier ainsi le style des éléments. changer la police.

1. Tout d'abord, ajoutez une feuille de style CSS en tête du document HTML :

<head>
  <style>
    .my-text {
      font-family: 'Arial', sans-serif;
      font-size: 16px;
    }
  </style>
</head>

Copier après la connexion

2. Ensuite, sélectionnez l'élément dont vous souhaitez modifier la police en JavaScript et modifier son attribut de classe.

var ele = document.getElementById('my-text');
ele.className = 'my-text';

Copier après la connexion

De cette façon, vous pouvez définir la police de l'élément sur la police Arial et la taille sur 16px.

Méthode 2 : Changer directement le style de l'élément

En plus de définir la police via les feuilles de style CSS, vous pouvez également modifier directement le style de l'élément via JavaScript.

1. Tout d'abord, sélectionnez l'élément que vous souhaitez modifier.

var ele = document.getElementById('my-text');

Copier après la connexion

2. Ensuite, utilisez l'attribut style pour définir le style de police.

ele.style.fontFamily = 'Arial, sans-serif';
ele.style.fontSize = '16px';

Copier après la connexion

Cela définira la police de l'élément sur la police Arial et la taille sur 16px.

Il convient de noter que lors de la définition directe du style de l'élément, utilisez des règles de dénomination en casse camel, telles que fontSize au lieu de font-size.

Pour résumer, l'utilisation de JavaScript pour changer les polices peut être réalisée via des feuilles de style CSS ou en modifiant directement les styles d'éléments. Dans les applications pratiques, il est nécessaire de choisir la méthode de fonctionnement appropriée en fonction de la situation spécifique.

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!