getElementsByClassName不允许我更改fontsize

时间:2013-12-12 01:39:44

标签: javascript font-size getelementsbyclassname

我正在尝试创建一个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制作数组,然后尝试更改每个对象的样式?

3 个答案:

答案 0 :(得分:2)

最后可能是你错过了“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";
    }
}

答案 1 :(得分:0)

你试过吗

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

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

答案 2 :(得分:-1)

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