getElementsByClassName не позволяет мне изменять fontsize

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

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