<script>
        window.onload=function(){
            var btn=document.getElementById("btn");
            btn.onclick=function(){
                var ts=document.getElementById("ts").value;
                var dn=document.getElementsByClassName("dn");
                for(var i=0;i<ts;i++){
                    var input=document.createElement("input");
                    input.setAttribute("class","text");
                    input.type="text";
                    input.name="字符";
                    input.id="inp";
                    dn[0].appendChild(input);
 
                }
                var button=document.createElement("input");
                button.setAttribute("class","but");
                button.type="button";
                button.name="anniu";
                button.value="确认";
                button.id="but";
                dn[0].appendChild(button);
 
            var pics=document.getElementById("dnn").getElementsByTagName("input");
            var len=pics.length;
            var but=document.getElementById("but");
            but.onclick=function(){ 
                for(var j=0;j<len;j++){
                    var inp=document.getElementById("inp").value; 
                    console.log(inp);
                }
                console.log(inp);
            }
                }
                }
    </script>
</head>
<body>
<div class="box">
<div class="dn" id="dnn">
    <input type="text" id="ts" placeholder="请输入字符串的个数">
<!-- </div>
<div class="tip"> -->
    <input type="button" id="btn" value="确定">
</div>
</div>
</body>

我这个代码是实现动态创建文本框并获取文本框内容，先在文本框中输入数字n，点击确定btn按钮，生成n个文本框和一个确定按钮but，在生成的文本框输入内容后，点击but 在控制台显示出来文本框的内容，可我的代码只显示生成文本框中的第一个文本框里的内容，其他文本框里的不显示，希望大神能跟我讲解