JavaScriptでフォントサイズを設定する方法

JavaScript でフォント サイズを設定する方法: 最初にレイアウトを設定し、2 つのボタンを記述します。次に、プラス ボタンとマイナス ボタンをクリックしてテキストのサイズを制御します。コードは [oPtxt.style.fontSize=num] です。 「ピクセル」]。

このチュートリアルの動作環境: Windows 7 システム、JavaScript バージョン 1.8.5、DELL G3 コンピューター。

JavaScript でフォント サイズを設定する方法:

まず、レイアウトを見て、簡単な文を書き、ボタンを 2 つ書きます:

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

効果 画像は次のとおりです:

#次に、プラスとマイナスのボタンをクリックしてテキスト サイズを制御する必要があります。js コードは次のとおりです。

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

関連する無料学習の推奨事項: JavaScript ビデオ チュートリアル

以上がJavaScriptでフォントサイズを設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。