*for循环为文本框赋值取值

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<input type="text"><br><br>
<input type="text"><br><br>
<input type="text"><br><br>
<input type="text"><br><br>
<input type="text"><br><br>
<input type="text"><br><br>
<button>赋值</button><br><br>
<button>取值</button><br><br>
<script>
    var inpArr=document.getElementsByTagName("input");
    var btnArr=document.getElementsByTagName("button");

    btnArr[0].function () {
        for(var i=0;i<inpArr.length;i++){
            inpArr[i].value=i;
        }
    }
    btnArr[1].function () {
       var newArr=[];
        for(var i=0;i<inpArr.length;i++){
            newArr.push(inpArr[i].value);
        }
        console.log(newArr.join("-"));
    }
</script>
</body>
</html>

猜你喜欢

转载自blog.csdn.net/zuo_zuo_blog/article/details/89065012
今日推荐