用JavaScript怎么改变输入框的属性

piziyelang 2011-11-01 03:44:04

有一个输入框

<input type="text" name="sKeyword" maxlength="80" style="width:350px;">

点击一个按钮的时候，想把输入框的属性 style="width:350px;" 改为 style="width:200px;"

应该怎么实现

谢谢了

...全文

108 6 打赏收藏转发到动态举报

写回复

用AI写文章

6 条回复

切换为时间正序

请发表友善的回复…

发表回复

三石-gary 2011-11-01

打赏
举报

[Quote=引用 1 楼 maderic 的回复:]
加个id
<input id="sKeyword" type="text" name="sKeyword" maxlength="80" style="width:350px;">

<input id="btn" type="button" value="Button" onclick="ChangeStyle()" />

function ChangeStyle(){
d……
[/Quote]
+1

piziyelang 2011-11-01

打赏
举报

Legend1988 2011-11-01

打赏
举报

+1[Quote=引用 3 楼 hookee 的回复:]

HTML code

<input type="text" name="sKeyword" maxlength="80" style="width:350px;">
<input type="button" value="click" onclick="document.getElementsByName('sKeyword')[0].style.width='200px';">
[/Quote]

hookee 2011-11-01

打赏
举报



<input type="text" name="sKeyword" maxlength="80" style="width:350px;">

<input type="button" value="click" onclick="document.getElementsByName('sKeyword')[0].style.width='200px';">

光曰不日 2011-11-01

打赏
举报

这个。。。

MadEric 2011-11-01

打赏
举报

加个id
<input id="sKeyword" type="text" name="sKeyword" maxlength="80" style="width:350px;">

<input id="btn" type="button" value="Button" onclick="ChangeStyle()" />

function ChangeStyle(){
document.getElementById("sKeyword").style.width = "200px";
}