2011-04-07 54 views
29

此代碼不能正常工作
如何通過JavaScript更改FontSize?

var span = document.getElementById("span"); 
span.style.fontsize = "25px"; 
span.innerHTML = "String"; 


+5

是駱駝套嗎? 'span.style.fontSize =「25px」;' – Seth 2011-04-07 19:47:13

+0

我們可以聊天嗎,我需要問一些@jams。 – 2017-08-26 10:32:24

回答

53

JavaScript是區分大小寫的。

所以,如果你想改變字體大小,你必須去:

span.style.fontSize = "25px"; 
+2

看起來像是VS2008的錯誤。提供錯誤的Intellisense,它提供'fontsize',但它應該提供'fontSize'。 「fontSize」的字符應該是大寫字母。 – jams 2011-04-07 20:06:28

+0

在JavaScript中,Intellisense只能用於meh。它通常提供迄今爲止已被使用的名稱。也就是說,如果您在某處聲明瞭'fontsize',則會列出'fontsize'。但是,這與'.style.fontSize'無關。 – 2014-01-09 13:08:13

+1

但是,在CSS中,該屬性被稱爲'font-size'。爲什麼它有不同的名稱來訪問JavaScript中的同一個屬性? – Elliot 2015-04-08 18:05:24

1

試試這個:

var span = document.getElementById("span"); 
span.style.fontSize = "25px"; 
span.innerHTML = "String"; 
7
<span id="span">HOI</span> 
<script> 
    var span = document.getElementById("span"); 
    console.log(span); 

    span.style.fontSize = "25px"; 
    span.innerHTML = "String"; 
</script> 

你在你的代碼中有兩處錯誤:

  1. document.getElementById - 這將檢索帶有「span」標識的元素,但未在span元素上指定id。

  2. 首都在Javascript中 - 你也忘了大小的首都。