JS案例6-用for循环为文本框赋值和取值
2018-10-17 本文已影响0人
hi__world
效果演示：
效果演示
源码：
<!DOCTYPE html>
<html>
<head>
<title>demo</title>
</head>
<style>
input{width: 20px}
</style>
<body>
<!-- 标签 -->
<input type="text">
<input type="text">
<input type="text">
<input type="text">
<input type="text">
<button>让其值从0开始</button>
<button>让其值赋给一个数组在控制台打印</button>
<!-- JS -->
<script>
var inp=document.getElementsByTagName("input");
var btn=document.getElementsByTagName("button");
btn[0].onclick=function(){
for(var i=0;i<inp.length;i++){
inp[i].value=i;
}
}
btn[1].onclick=function(){
var newArr=[];
for(var i=0;i<inp.length;i++){
newArr.push(inp[i].value);
}
console.log(newArr)
}
</script>
</body>
</html>
