- 所在位置：
- 首页 >
- 编程技术 >
- JavaScript >
- JS中input的value值如何应用和修改
JS中input的value值如何应用和修改
Admin 2022-07-15 群英技术资讯 410 次浏览
今天这篇我们来学习和了解“JS中input的value值如何应用和修改”，下文的讲解详细，步骤过程清晰，对大家进一步学习和理解“JS中input的value值如何应用和修改”有一定的帮助。有这方面学习需要的朋友就继续往下看吧！改变方法：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>
上述内容具有一定的借鉴价值，感兴趣的朋友可以参考，希望能对大家有帮助，想要了解更多"JS中input的value值如何应用和修改"的内容，大家可以关注群英网络的其它相关文章。
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。
猜你喜欢
-
vue中keep-alive用来做什么，实际如何应用的
在面试的时候，很多面试官再问vue的时候可能就会提一嘴，你知道keep-alive有什么作用吗？keep-alive是vue内置的一个组件，而这个组件的作用就是能够缓存不活动的组件，我们能够知道，一般情况下，组件进行切换的时候，默认会进行销毁，如果有需求，某...
-
JS事件监听是什么，如何设置事件监听
本篇文章给大家带来了关于JavaScript的相关知识，其中主要整理了事件监听的相关问题，包括了什么是事件监听、设置事件监听的方法等等内容，下面一起来看一下，希望对大家有帮助。
-
express连接mysql的操作是怎样，具体怎样做
一、说一下连接不同的数据库需要安装相应的插件，此demo使用mysql数据库，需自行安装mysql数据库软件。新建数据库webapp，新建表users：二、直接开码npminstallmysql--save注释：安装mysql依赖包，保存在本项目1、测试尝试连接数据库，并查询表users在app.js中，随便找个位置添加如下测试代码，测
-
TypeScript写函数重载用哪些要点是需要注意的
TypeScript中怎么写函数重载？下面本篇文章给大家介绍一下TypeScript中函数重载写法，希望对大家有所帮助！
-
jQuery判断元素在数组中位置的方法是什么
jquery判断当前元素是第几个的方法：1、创建一个HTML示例文件；2、通过jQuery代码“$("ul li").click(function () {var index = $("ul li").index...})”进行判断即可。
推荐内容
成为群英会员,开启智能安全云计算之旅
立即注册
Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2020 群英 版权所有
增值电信经营许可证 : B1.B2-20140078 粤ICP备09006778号 域名注册商资质 粤 D3.1-20240008
