如何通过JavaScript修改input元素的value属性值？

2026-03-31 13:451阅读0评论SEO教程

内容介绍
文章标签
相关推荐

本文共计343个文字，预计阅读时间需要2分钟。

改变方法：1、利用value属性，语法：`input对象.value=修改后的值;`；2、使用setAttribute()方法，语法：`input对象.setAttribute(value, 修改后的值);`。操作环境：Windows 7系统、JavaScript 1.

改变方法：1、利用value属性，语法“input对象.value = "修改后的值";”；2、利用setAttribute()方法，语法“input对象.setAttribute("value","修改后的值");”。

本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。

javascript改变input value值的方法

方法1：利用value属性

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <input id="inp" value="默认值" /> <br /><br /> <button onclick="myFunction()">修改input的值</button> <script> function myFunction() { var input = document.getElementById("inp"); input.value = "修改后的值"; } </script> </body> </html>

方法2：利用setAttribute()方法

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <input id="inp" value="默认值" /> <br /><br /> <button onclick="myFunction()">修改input的值</button> <script> function myFunction() { var input = document.getElementById("inp"); input.setAttribute("value","修改后的值"); } </script> </body> </html>

标签：javascript 怎么改变 input value