So legen Sie die Schriftgröße in Javascript fest

So legen Sie die Schriftgröße in JavaScript fest: Legen Sie zuerst das Layout fest und schreiben Sie zwei Schaltflächen. Klicken Sie dann auf die Plus- und Minusschaltflächen, um die Textgröße zu steuern. Der Code lautet [oPtxt.style.fontSize=num+'px'].

Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, DELL G3-Computer.

So legen Sie die Schriftgröße in JavaScript fest:

Schauen Sie sich zunächst das Layout an, schreiben Sie einen einfachen Satz und zwei Schaltflächen:

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

Das Effektbild sieht wie folgt aus:

Dann Sie Sie müssen auf die Schaltfläche zum Hinzufügen oder Subtrahieren klicken, um die Textgröße zu steuern. Der JS-Code lautet wie folgt:

<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>

Verwandte kostenlose Lernempfehlungen: Javascript-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo legen Sie die Schriftgröße in Javascript fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!