javascript - JavaScript更改字体大小并非在所有地方都有效

我有该代码:

function change_npsize()
{
   document.getElementById("np_drag").style.fontSize = document.getElementsByName("npsize").item(0).value;
};


<input type="text" name="npsize" size="2" maxlength="2" value="<?=$userinfo->npsize; ?>" onchange="change_npsize()" />

<div id="drag-container" style="position:relative;font-family:<?=$userinfo->font?>;">
    <div id="np_drag" style="color:<?=$userinfo->npcolor?>; font-size:<?=$userinfo->npsize?>px;" class="draggable np_drag" style="position:absolute;left:80px;">
     .::[ NowPlaying SIGnature ]::.
     </div>
</div>

该代码仅在IE中有效。我尝试了Firefox和Google Chrome。

最佳答案

getElementsByName() 的正确用法(至少在Firefox中是):

getElementsByName("npsize")[0];

以下工作原理(至少在Chrome中有效):

document.getElementById("np_drag").style.fontSize = document.getElementsByName("npsize")[0].value + "px";

注意最后的+ "px";您不仅可以将其设置为数字值，还需要在值中包含适当的单位。