Javascript - 如何用像素调整字体大小

Question

我是编程新手，我一直在调整字体大小。但是，例如，如何使用 + 2px 和 -2px 调整大小？我现在只能达到 12 像素，但我不知道如何继续增加 2 像素。提前致谢!

function smaller() {
    var alineas = document.getElementsByTagName('p');
    for (bla in alineas) {
        alineas[bla].style.fontSize = '5px';
    }
}

function bigger() {
    var  alineas = document.getElementsByTagName('p');
    for (alinea in alineas) {
        alineas[alinea].style.fontSize = "10px";
    }
}

Answer 1

• 不要使用for..in 来遍历节点列表。请改用 for 循环。
• 您需要从元素中获取当前字体大小，为此您可以使用 window.getComputedStyle()。
• 您可以轻松地将代码缩短为一个函数，并将字体大小的比例留给参数。

下面是怎样的:

function fontSize(num) {
    var alineas = document.getElementsByTagName('p');
    for (i=0; i<alineas.length; i++) {
        var el = alineas[i]
        var oSize = window.getComputedStyle(el, null).getPropertyValue('font-size');
        var nSize = Number(oSize.replace("px",""))+num;
        el.style.fontSize = nSize+"px"
    }
}

将其称为 fontSize(5) 或 fontSize(-5) 分别向上 5 像素或向下 5 像素。

JSFiddle