Question

我正在尝试创建一个JavaScript脚本，它将更改我页面上的“Resizable”类元素，但我不认为我正在使用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";

或元素的font-size是否有初始值？

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';
    }
}

getElementsByClassName不允许我更改fontsize

3 个答案: