input获取value
程序员文章站
2022-06-01 16:06:15
...
<head>
<meta charset="UTF-8">
<title>Title</title>
<script type="text/javascript">
//页面加载完毕后的js代码
window.onload = function (ev) {
//添加点击事件
document.getElementsByTagName("button")[0].onclick = function () {
//获取标签名为input的第一个元素对象
var inp = document.getElementsByTagName("input")[0];
alert(inp.value)
alert(inp.getAttribute("value"))
}
}
</script>
</head>
<body>
<form action="#">
<input type="text"><br/>
<button>点击</button>
</form>
</body>输入22
页面显示
可以见得
alert(inp.value)
alert(inp.getAttribute(“value”))这两个是不同的
inp.value是属性对象用的属性，会修改页面显示的值，但不会修改标签里面的属性
inp.getAttribute(“value”)是元素对象调用的属性，会修改标签里面的属性，不会修改页面显示的值
小伙伴们根据自己的需要选择
实例代码如下
<script type="text/javascript">
//页面加载完毕后的js代码
window.onload = function (ev) {
//添加点击事件
document.getElementsByTagName("button")[0].onclick = function () {
//获取标签名为input的第一个元素对象
var inp = document.getElementsByTagName("input")[0];
//通过属性对象来设置值
inp.value="33";
//通过元素对象来设置值
inp.setAttribute("value","44")
}
}
</script>上一篇： Spark SQL函数API