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。我尝试过Firefox和Google Chrome。

Answer 1

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

getElementsByName("npsize")[0];

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

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

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

Answer 2

我尝试过这个有效的代码：

你的HTML：

<input type="text" name="npsize" size="10" maxlength="2" value="small"/><br/><hr/>
<div id="np_drag">font</div>

你的JavaScript：

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

请参见此工作here。

另外，如果我错了，请纠正我。

编辑：我在其他答案中改变了你的正确性。

Answer 3

我认为这不是.fontsize ....

可能是.size

JavaScript更改fontsize无处不在

3 个答案: