如何使用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";
}

Answer 2

我發現了這個驚人的腳本： https : //github.com/simplefocus/FlowType.JS

演示： http ： //simplefocus.com/flowtype/demo.html

Answer 3

經過額外的調試后，我意識到我使用的“ id” webchat_history實際上不是一個ID。 這是ID history的課程 。 我將創建其他類並使用document.getElementById('history').className = "webchat_history_medium"; 更改字體大小。