如何使用Javascript动态增加字体大小？为什么我当前的函数不起作用？

我正试图使用javascript函数增加页面的字体大小，但它不起作用。我的代码是否存在语法问题，或者无法执行我尝试执行的操作

Javascript:

function changeFontSize(fontvar) {
var div = document.getElementById("webchat_history");
var currentFont = div.style.fontSize.value;

div.style.fontSize = currentFont + fontvar+ "px";
}

HTML:

Aa

---

我希望将其增加x amount（fontvar），而不是指定特定的字体大小，因为我的字体大小是在外部样式表中设置的。当/如果我需要修改样式表时，我宁愿不必也更新Javascript

此脚本应该可以工作：

function changeFontSize(fontvar) {
    var div = document.getElementById("webchat_history");
    var currentFont = div.style.fontSize.replace("px", "");

    div.style.fontSize = parseInt(currentFont) + parseInt(fontvar) + "px";
}

---

经过额外的调试后，我意识到我使用的“id”实际上不是id，而是id

history

的类。我将创建其他类并使用

document.getElementById（'history'）.className=“webchat\u history\u medium”更改字体大小。
我发现了这个惊人的脚本：

演示：
Javascript控制台中有错误吗？我想这行代码是
div.style.fontSize=currentFont+fontvar+“px”
是用字符串操作的，因此您将得到
“16”+“10”+px”
，结果是
“1610px”
，而不是
“26”+“px”
！我得到的是“需要对象”“在javascript中console@Ivozor，如果是这样的话，我不应该看到真正的大字体吗？还是1610px太大，浏览器无法处理？无更改。我在IE8上的Javascript控制台中得到了“需要对象”仍然再次检查我的答案，我做了一些更改我感谢你的帮助，但我想我发现了我的问题。“webchat_history”是一个类，而不是一个Id。所以这个问题实际上与函数无关。是的，但解决方案取决于同一个类中有多少个div，您有一个还是多个div？如果只有一个可以使用：
var div=document.getElementsByClassName（“webchat_history”）[0]