Comment définir la taille de la police en javascript

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 '].

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>

Effet L'image est la suivante :

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>

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!