В чем разница?
 

Всем доброго времени суток. Первая попытка напсиания кода на js. Вот два разных куска кода. В первом случае все нормально работает. Во втором - нет.

var element=document.getElementById("id1");
b+=2;
element.style.fontSize=b;

Кстати, без этого b значение fontSize увеличиваться никак не хочет.

a=2;
var element=document.getElementById("id1");
b=element.style.fontSize;
b+=a;
element.style.fontSize=b;

В чем разница? Я сломал себе голову, пытаясь это понять.
Возможно, есть какой-то другой способ увеличивать шрифт элемента?
Спасибо.

Во втором случае у Вас получается что-то типа "16px2" вместо "18".

Не забывайте, что, в основном, скалярные значения свойств css задаются с единицами измерения, и с единицами измерения же и возвращаются. Исключения: lineHeight и zIndex.

Спасибо. Теперь понятно хотя бы, почему не работает. Однако непонятно, почему работало в первом случае.
И тогда еще один вопорс: как в таком случае мне отделить единицу измерения от числа? Есть, возможно, какие-то готовые функции? Подскажите, пожалуйста, куда копать.

parseInt