Question

是否可以使用javascript来获取此代码：

<form>
<input type="text" id="text">
<input type="button" value="button" onclick="the function I need to use">
</form>

并使用javascript：

在第3行的onclick事件中将第2行更改为此内容

<input type="text" id="text" style="width: 25px;">

所以基本上，我需要知道我是否可以使用javascript用完全不同的代码行替换某一行代码，以便我可以做一些事情，例如当我点击它们时使图像发生变化，然后再改回来当我再次点击它们时。请尝试解释你的答案。我只是通过提问和在需要时找到我需要的东西来理解HTML。我实际上并不知道HTML。如果你能回答我的问题，我将不胜感激。非常感谢你。

Answer 1

设置属性的宽度..请执行此操作...

document.getElementById('text').setAttribute('style','width:25px');

如果你想删除它，那么就可以使用

document.getElementById('text').removeAttribute('style','width:25px');

Answer 2

document.getElementById('text').style.width="25px";

上述情况应该有效。

它以ID text为元素，并将"width=25px"的样式应用于它。

演示： http://jsfiddle.net/s24ZW/

Answer 3

是的，你可以。使用＆＃39; setAttribute＆＃39;或者＆＃39; getAttribute＆＃39;用于设置和检索值的属性。

var inputText=document.getElementById('text');
inputText.setAttribute('style','width:25px');

OR

inputText.style.width='25px';

更新代码： -

<form>
<input type="text" id="text">
<input type="button" value="button" onclick="the function I need to use">
</form>

<script>
var inputText=document.getElementById('text');
    inputText.setAttribute('style','width:25px');
</script>

替换html中的一行代码

3 个答案: