3

我正在尝试使用 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。

4

3 回答 3

5

该脚本应该可以工作：

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

    div.style.fontSize = parseInt(currentFont) + parseInt(fontvar) + "px";
}
于 2013-04-29T15:51:08.717 回答
1

我发现了这个惊人的脚本： https ://github.com/simplefocus/FlowType.JS

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

于 2014-10-17T09:13:01.827 回答
0

经过额外的调试，我意识到我使用的“id”webchat_history实际上并不是一个 ID。这是ID的类history。我将创建其他类并用于document.getElementById('history').className = "webchat_history_medium";更改字体大小。

于 2013-04-29T16:41:28.577 回答