DOM，使用可變字體大小

Question

我想用變量操縱字體大小，但它不起作用。任何人都可以看到什麼是錯的？

http://jsfiddle.net/yRLN3/2/

<div id = "letter"> 
    <span>A</span> 
    <span>l</span> 
    <span>p</span> 
    <span>h</span> 
    <span>a</span> 
    <span>b</span> 
    <span>e</span> 
    <span>t</span> 
    <div> 

var list = document.getElementsByTagName("span"); 
var size = 20; 
for (i=0; i<list.length; i++) { 
    size+=5; 
    list[i].style.fontSize = "sizepx"; 
    }; 
alert(list.length); 

Answer 1

你犯了輸入錯誤

列表[我] .style.fontSize =大小+ 「PX」;

大小是一個變量，它是int，但是你的代碼把它作爲String引用，因爲它有引號。

Answer 2

小錯字：

list[i].style.fontSize = size + "px"; 

Fiddle

Answer 3

http://jsfiddle.net/yRLN3/2/7

list[i].style.fontSize = size + "px"; 

Answer 4

這是一個正確的小提琴http://jsfiddle.net/yRLN3/3/

var list = document.getElementsByTagName("span"); 
var size = 20; 
for (i=0; i<list.length; i++) { 
    size+=5; 
    list[i].style.fontSize = size + 'px'; 
    }; 
alert(list.length);