Javascript 有没有办法检查哪种输入=“；文件"；我在两个输入之间进行了选择？

我有两个file=“input”字段，一个是输出字段，一个是：

<input type="file" name="files[]" id="files" multiple accept="image/jpeg, image/png, image/gif,"><br />
<output id="Filelist" style="max-width: 630px;"></output>

我已经应用了上面的代码，但它只执行

document.getElementById（'Filelist2'）.insertBefore（ul，null）

但是，当我删除前面提到的行时，它执行
document.getElementById（'Filelist'）.insertBefore（ul，null）

是否有一种方法可以让我找出正在使用的输入，以便将其分配给变量
 这是因为子级不能有多个父级。您正在尝试插入同一个子对象。对于每个
插入之前的
，您需要创建一个单独的
ul
。为了解决您的问题，您可以使用
document.queryselectoral
并对其进行迭代，在每次迭代过程中创建一个新的
ul
并添加插入它


document.querySelectorAll（'.output'）.forEach（函数（项）{
var ul=document.createElement（'ul'）；
项目.插入前（ul，空）；
})
ul{
边框：1px纯红；
高度：20px；
}




什么是
ul
here@brk
var ul=document.createElement（'ul'）请创建一个可以工作的代码，但我需要在选择特定输入字段后将内容插入
输出
，现在它会将内容插入两个输出字段，例如，如果我选择id=files，内容应该只显示在output id=Filelist中，现在它也显示在output id=Filelist2中
<input type="file" name="files[]" id="files2" multiple accept="image/jpeg, image/png, image/gif,"><br />
<output id="Filelist2" style="max-width: 630px;"></output>

document.getElementById('Filelist').insertBefore(ul, null);
document.getElementById('Filelist2').insertBefore(ul, null);