getElementsByClassName不允许我更改字体大小

Question

我正在尝试制作一个JavaScript脚本，以更改页面上的"可调整大小"class元素，但我认为我没有正确使用getElementsByClassName。这是我的代码：

function resizeText(multiplier) {
    var elements = document.getElementsByClassName('Resizable');
    for(var i=0; i<elements.length; i++) {
        elements[i].style.fontSize = parseFloat(elements[i].style.fontSize) + (multiplier+ * 0.2)
    }
}

我有一个使用onclick="resizeText（1）"的按钮和另一个使用（-1）的按钮，两者都不起作用，我不确定为什么。我使用getElementsByClassName创建一个数组，然后尝试更改每个对象的样式，这正确吗？

Answer 1

可能您在结尾缺少"px"：

function resizeText(multiplier) {
    var elements = document.getElementsByClassName('Resizable');
    for(var i = 0; i < elements.length; i++) {
        elements[i].style.fontSize = parseFloat(elements[i].style.fontSize) + (multiplier + * 0.2) + "px";
    }
}

Answer 2

你试过吗

elements[i].style.fontSize = (parseFloat(elements[i].style.fontSize) + (multiplier+ * 0.2)) + "px";

或者元素的字体大小有初始值？

Answer 3

function resizeText(multiplier) {
    var elements = document.getElementsByClassName('Resizable');
    for(var i=0; i<elements.length; i++) {
        elements[i].style.fontSize = parseFloat(elements[i].style.fontSize) + (multiplier * 0.2) + 'px';
    }
}