Maison > interface Web > js tutoriel > Comment définir la taille de la police en javascript

Comment définir la taille de la police en javascript

coldplay.xixi
Libérer: 2023-01-04 09:35:16
original
8750 Les gens l'ont consulté

Comment définir la taille de la police en JavaScript : définissez d'abord la mise en page et écrivez deux boutons ; puis contrôlez la taille du texte en cliquant sur les boutons plus et moins, le code est [oPtxt.style.fontSize=num+'px '].

Comment définir la taille de la police en javascript

L'environnement d'exploitation de ce tutoriel : système Windows 7, JavaScript version 1.8.5, ordinateur DELL G3.

Comment définir la taille de la police en JavaScript :

Tout d'abord, regardez la mise en page, écrivez simplement une phrase et deux boutons :

<input id="Btn1" type="button" value="+" name=""/>
<input id="Btn2" type="button" value="-" name=""/>
<p id="p1" style="font-size:14px;">这是一些文字这是一些文字这是一些文字这是一些文字</p>
Copier après la connexion

Effet L'image est la suivante :

Comment définir la taille de la police en javascript

Ensuite, vous devez contrôler la taille du texte en cliquant sur les boutons plus et moins. Le code js est le suivant : <🎜. >

<script>
    window.onload= function(){
        var oPtxt=document.getElementById("p1");
        var oBtn1=document.getElementById("Btn1");
        var oBtn2=document.getElementById("Btn2");
        var num = 14; /*定义一个初始变量*/
        oBtn1.onclick = function(){
            num++;
            oPtxt.style.fontSize=num+&#39;px&#39;;
        };
        oBtn2.onclick = function(){
            num--;
            oPtxt.style.fontSize=num+&#39;px&#39;;
        }
    }
</script>
Copier après la connexion
Recommandation d'apprentissage gratuite associée :

Tutoriel vidéo javascript

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal