JavaScript 更改字体大小在任何地方都不起作用

Question

我有那个代码：

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。我试过火狐和谷歌浏览器。

Answer 1

getElementsByName()（至少在 Firefox 中）的正确用法是：

getElementsByName("npsize")[0];

以下工作（至少在 Chrome 中）：

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

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