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

Question

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

Javascript：

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

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

HTML：
<span onClick="changeFontSize(10);" style="font-size:16px;">Aa</span>

我想将它增加 x 数量（fontvar）而不是指定特定的字体大小，因为我的字体大小是在外部样式表中设置的。当/如果我需要修改样式表，我也不想更新 Javascript。

Answer 1

这个脚本应该可以工作：

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

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