자바스크립트에서 글꼴 크기를 변경하는 방법

Javascript에서는 Style 객체의 FontSize 속성을 사용하여 글꼴 크기를 변경할 수 있습니다. 이 속성은 텍스트의 글꼴 크기를 설정할 수 있습니다. 구문 형식은 "element object.style.fontSize="value""입니다.

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

로그인 후 복사

렌더링은 다음과 같습니다.

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

로그인 후 복사