getElementsByClassName 不允许我更改字体大小答案

【问题标题】：getElementsByClassName not letting me change fontsizegetElementsByClassName 不允许我更改字体大小
【发布时间】：2013-12-12 09:50:55
【问题描述】：

我正在尝试制作一个 JavaScript 脚本来更改我页面上的“可调整大小”类元素，但是我认为我没有正确使用 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 制作一个数组然后尝试更改每个对象的样式是否正确？

【问题讨论】：

(multiplier+ * 0.2) 是什么意思？

标签： javascript font-size getelementsbyclassname

【解决方案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";
    }
}

【讨论】：

【解决方案2】：

你试过了吗

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

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

【讨论】：

【解决方案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';
    }
}

【讨论】：