Javascript/Html:我如何改变字体/字体本身的大小,而不仅仅是颜色
Javascript/Html: How do I change the size of the font/font itself, not just the color?
这是我的代码块,创建了一个按钮,它添加到一个可见的变量。我想能够知道如何改变显示变量的字体大小。我正在制作一个类似于cookie clicker的游戏。
<div class="game-object">
<script type="text/javascript">
var clicks = 0;
document.getElementById("push").addEventListener("click", updateClickCount);
function updateClickCount() {
var el = document.getElementById("clickCount");
el.innerHTML = clicks;
el.style.color = '#'+Math.floor(Math.random()*16777215).toString(16);
}
</script>
<button type="button" onClick="clicks++;updateClickCount();" id="push" style="width:400px;height:60px;"><font size="5" face="verdana" color="white">Click me for Cola!</font></button>
<div id="clickCount"></div>
如何设置变量的字体大小,以及如何更改字体?
如前所述,不要使用内联javascript(也不要使用内联css)。要更改字体大小,只需使用el.style.fontSize
var clicks = 0;
document.getElementById("push").addEventListener("click", updateClickCount);
function updateClickCount() {
var el = document.getElementById("clickCount");
clicks++;
el.innerHTML = clicks;
el.style.color = '#'+Math.floor(Math.random()*16777215).toString(16);
el.style.fontSize = '200px';
}
#push {
width:400px;
height:60px;
font-size: 2em;
color: white;
}
<div class="game-object"></div>
<button type="button" id="push">Click me for Cola!</button>
<div id="clickCount"></div>
相关文章:
- 在 ul 下更改内容的字体颜色,在悬停时
- 用于更改链接文本的字体颜色的代码
- 动态更改字体颜色和URL
- 如何将字体颜色或背景颜色设置为javascript confim框
- 用于根据用户改变文本区域的字体颜色的JavaScript'的选择
- 当前日期js代码中字体颜色不变
- 更改表格字体颜色Javascript
- 在 Java 脚本中更改变量的字体颜色
- 将字体颜色添加到搜索框中的对焦事件
- 如何在 UIWebView 中实现更改字体颜色的方法
- 如何使用 JavaScript 更改字符串字体颜色
- 在一定时间后更改字体颜色
- 在 AngularJS 中更改$scope变量中文本的字体颜色
- 如何更改网格中一列的字体颜色
- 设置禁用文本输入字段的字体颜色
- 更改石油价格股票代码的字体颜色(HTML和Javascript)
- 如何更改谷歌地图标记clusterer的字体颜色
- 在createElementNS()之后更改字体颜色
- 如何通过在Javascript中输入更改字体颜色
- jWYSIWYG设置字体颜色按钮