文本框的赋值和取值

文本框的取值和赋值

代码如下：

文本框0：<input type="text"><br><br>
文本框1：<input type="text"><br><br>
文本框2：<input type="text"><br><br>
文本框3：<input type="text"><br><br>
文本框4：<input type="text"><br><br><br>
<button>赋值</button>
<button>取值</button>
<script>
//赋值
var inpArr = document.getElementsByTagName("input");
var btnArr = document.getElementsByTagName("button");
btnArr[0].onclick = function(){
	for(var i=0; i<inpArr.length; i++){
		inpArr[i].value = i;
	}
}
//取值
var newArr = [];
btnArr[1].onclick = function(){
	for(var i=0; i<inpArr.length; i++){
		newArr.push(inpArr[i].value);
	}
	console.log(newArr.join("-"));
}
</script>

效果如下：
当点击赋值时：

当取值时（返回到一个新数组去）：