我如何动态地增加字体大小与Javascript和为什么是我目前的功能不工作
How can I dynamically increase font size with Javascript and why is my current function not working?
我试图使用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 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";
}
我发现了这个惊人的脚本:https://github.com/simplefocus/FlowType.JS
演示:http://simplefocus.com/flowtype/demo.html
经过额外的调试,我意识到我使用的"id" webchat_history
实际上不是一个id。ID history
为类。我将创建额外的类,并使用document.getElementById('history').className = "webchat_history_medium";
来更改字体大小。
相关文章:
- 为什么JavaScript在for循环为3时向所有4发出警报
- 为什么javascript:void(0)在Firefox中不起作用
- 为什么JavaScript可以'找不到给定的InnerHTML并返回Cannot set property
- 为什么Javascript Singleton是这样写的
- 为什么JavaScript抛出'未捕获的ReferenceError:var未定义'定义var时
- 为什么javascript在'return false'
- 为什么JavaScript对话框(警告、确认)会停止页面重绘
- 为什么JavaScript中存在单态和多态性问题
- 为什么Javascript程序员更喜欢在代码中重复字符串作为常量,而不是使用枚举类型的对象
- 为什么Javascript SetTimeout()不是多线程的
- 为什么 Javascript 和 AJAX 调用(在页面加载时)会导致数据库行为空?(脸书画布)
- 为什么 JavaScript 如果一个数字有一个前导零,就将其视为八进制
- 为什么javascript中的日期操作很奇怪
- 为什么Javascript中的整数加空格加字符串会导致数字和字符串的总和?(2++'22'=24)
- 为什么JavaScript会随机添加'/1'到URL栏的末尾
- 为什么Javascript会冻结计算机,而不是C++或Python
- 为什么 javascript 返回对象位置 true 或 false
- 为什么 Javascript sort() 函数没有给出预期的输出
- Javascript 和 AngularJS2.为什么 JavaScript 脚本过早触发并假设不起作用
- 为什么 Javascript 在变量赋值时将 null 转换为字符串