更改JavaScript数字变量的字体大小

Question

我想更改分配给变量的数字的字体大小然后打印出来。

var secondsPerMinute = 60;
var minsPerHour = 60;

var hoursPerDay = 24;
var daysPerWeek = 7;
var weeksPerYear = 52;
var secondsPerDay =  secondsPerMinute*minsPerHour*hoursPerDay;
document.write(secondsPerDay);
var alpha = "blah";
document.write(alpha.fontsize(10));

这里我想更改输出secondsPerDay的字体大小..由于某种原因.fontsize（）不起作用。  我是javascript的新手，如果这看起来像一个愚蠢的问题，请道歉。

Answer 1

根据MDN page on String#fontsize：

  

<强>已过时
  此功能已从Web标准中删除。虽然有些浏览器可能仍然支持它，但它正在被删除。不要在旧项目或新项目中使用它。使用它的页面或Web应用程序可能随时中断。

您也不应该使用document.write，for many reasons。

将输出写入页面上定义的HTML元素，使用CSS设置样式。例如：

<span id="secondsPerDay" style="font-size: 10px; "></span>

document.getElementById('secondsPerDay').textContent = secondsPerDay;

Answer 2

将最后一行更改为

document.write("<span style='font-size:10px;'>"+secondsPerDay+"</span>");
document.write("<span style='font-size:10px;'>"+alpha+"</span>");

使用css的font-size属性

检查@ torazaburo的回答后，尝试使用innerHTML而不是document.write

document.body.innerHTML += "<span style='font-size:10px;'>"+secondsPerDay+"</span>";
document.body.innerHTML += "<span style='font-size:10px;'>"+alpha+"</span>";

Answer 3

修改

fontsize函数是String对象中不推荐使用的方法，您应该避免使用它。查看人们发布的其他一些解决方案作为更安全的替代方案。

我建议输出HTML并使用内联CSS设置font-size：

document.write('<span style="font-size: 10px">' + secondsPerDay + '</span>');
                             ^^^^^^^^^^^^^^^

Updated fiddle

您还必须将fontsize()应用于secondsPerDay：

document.write(secondsPerDay.toString().fontsize(10));

查看您的工作代码here。