html输入框确定按钮实现点击,js动态创建文本框和按钮，点击按钮获取文本框内容...

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

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

var inp=document.getElementById("inp").value;

console.log(inp);

}

console.log(inp);

}

}

}

(抱歉之前不会上传图片 图片看不清楚，之前的问题已经解决了，谢谢各位了)我这个代码是实现动态创建文本框并获取文本框内容，先在文本框中输入数字n，点击确定btn按钮，生成n个文本框和一个确定按钮but，在生成的文本框输入内容后，点击but 在控制台显示出来文本框的内容，可我的代码只显示生成文本框中的第一个文本框里的内容，其他文本框里的不显示，希望大神能跟我讲解