用js循环创建元素并绑定事件后，事件只对最后一个元素起作用怎么回事？

[qq_24683975]

如图，创建n*n个input，并对input的底部增加两条横线，当input获得焦点时，一条横线长度由0伸长到和input一样长，失去焦点时长度变为0.但是不管点击哪个input，都是最后一个input的横线有变化，审查元素看了下，在创建过程没问题。

[天际的海浪]

line 声明为let块级作用域变量。 let line = document.createElement("div"); 或者是 onfocus和onblur事件中的 line 改成 this.nextSibling

[qq_24683975]

引用 2 楼 天际的海浪 的回复:

line 声明为let块级作用域变量。 let line = document.createElement("div"); 或者是 onfocus和onblur事件中的 line 改成 this.nextSibling

okkkk可以了感谢大佬，刚刚查了很多帖子大概知道咋回事但是不会解决，现在ok了