更改JavaScript數字變量的字體大小

我想更改分配給變量並打印出來的數字的字體大小。更改JavaScript數字變量的字體大小

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，所以如果這似乎是一個愚蠢的問題，表示歉意。

來源

2016-01-10 sahil sanwal

是否線路文件撰寫（alpha.fontsize（10））;改變輸出的大小？如果是這樣，當你輸出secondsPerDay時，你爲什麼不做同樣的事情？ – Theresa

我確實嘗試過，但由於某種原因，它似乎只適用於字符串 –

改變最後一行

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

使用檢查@ torazaburo的回答後，CSS

的font-size屬性，嘗試使用innerHTML而非document.write

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

來源

2016-01-10 13:22:26 gurvinder372

抱歉，如果我不能清楚地提到問題。我想更改變量secondsPerDay的字體大小，而不是alpha。不過謝謝你拿出時間 –

@sahilsanwal確定，檢查更新。然而Nick-Zuber的回答看起來很好 – gurvinder372

編輯：

fontsize函數是來自String對象的已棄用方法，應避免使用它。看到人們發佈的其他一些解決方案作爲更安全的選擇。

我建議輸出HTML和設置font-size使用內聯CSS：

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

Updated fiddle

~~你必須也適用 fontsize()到 secondsPerDay：~~

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

~~硒e您的工作代碼 here。~~

來源

2016-01-10 13:24:35

非常感謝你做了很多工作......但是有沒有可能改變字體大小而不將它轉換爲字符串的方法。 –

@sahilsanwal不幸的是，並不是因爲'fontsize'是'String'對象的一種方法。但是，你可以保留兩個版本的變量 - 字符串和數字 –

@sahilsanwal查看我的更新回答 –

按照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;

來源

2016-01-10 13:28:26

我讀過這篇文章很有幫助。謝謝 –

更改JavaScript數字變量的字體大小

回答

相關問題