文本框赋值-数组的使用

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        window.onload = function () {
            var inputs = document.getElementsByTagName('input');
            for(var i=0; i<inputs.length; i++){
                var ipt = inputs[i];
                if(ipt.type === 'text'){
                    ipt.value = i;
                }
            }
            var txt = document.getElementById('txt');
            txt.onclick = function () {
                var array = [];
                for(var i=0; i<inputs.length; i++){
                    var ipt = inputs[i];
                    if(ipt.type === 'text'){
                        array.push(ipt.value);
                    }
                }
                console.log(array.join());
            }
        }
    </script>
</head>
<body>
<input type="text" ><br>
<input type="text" ><br>
<input type="text" ><br>
<input type="text" ><br>
<input type="text" ><br>
<input type="button" id="txt" value="获取文本框的值">
</body>
</html>

posted on 2021-03-15 22:48 ellaha 阅读(216) 评论(0) 收藏举报

刷新页面返回顶部