javascript怎么改变input value值
程序员文章站
2023-12-21 17:20:58
...
改变方法：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学习教程】
以上就是javascript怎么改变input value值的详细内容，更多请关注其它相关文章！
推荐阅读
-
javascript怎么改变input value值
-
JavaScript怎么改变src路径
-
javascript 动态设置已知select的option的value值的代码
-
jquery判断字符串是否为空（jquery设置input的value值）
-
js改变input的value值（jsinput增加属性值）
-
jquery判断字符串是否为空（jquery设置input的value值）
-
javascript 动态设置已知select的option的value值的代码
-
angular 实时监听input框value值的变化触发函数方法
-
input file 不能更改value值的解决办法
-
javascript据option的value值快速设定初始的selected选项