Question

我正在尝试使用变量操作font-size，但它无法正常工作。任何人都可以看到有什么问题吗？

<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

一个小错字：

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

Fiddle

Answer 2

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

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

Answer 3

这是一个正确的小提琴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);

Answer 4

你犯了打字错误

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

Size是一个int变量，但是你的代码将它作为引号使用String。

DOM，使用可变的字体大小

4 个答案: