Javascript和php复制按钮

我正在尝试创建一个按钮，以便用户可以复制$filename。代码适用于第一个，但不适用于其余部分。我知道这是因为我可能需要对js copyfilename和js copyfilenamebtn类进行数组，以便每个类都不同，但我对JavaScript知之甚少，因此不知道从何开始

提前谢谢

图库中的当前图像


“alt=”“width=“130”height=“130”/>
复制文件名
var copyfilenameBtn=document.querySelector（'.js copyfilenameBtn'）；
copyfilenameBtn.addEventListener（'click'，函数（事件）{
var copyfilename=document.querySelector（'.js copyfilename'）；
copyfilename.select（）；
试一试{
var successful=document.execCommand（'copy'）；
var msg=successful？'successful'：'successful'；
log（'复制文本命令为'+msg'）；
}捕捉（错误）{
log（'Oops，无法复制'）；
}
});
​对于任何试图做类似事情的人，我就是这样做的……此代码选择数据库中的所有行，将它们放入表中，然后为每个行创建一个复制文件名按钮，并将您单击的一个复制到文件名字段中。一旦您输入id并单击提交删除表单，它将从数据库和目录中删除该图像ry+其他一些验证检查


功能剪贴板（obj）{
var filename=document.getElementById（“文件名”）；
filename.innerText=obj.innerText；
复制=filename.createTextRange（）；
Copied.execCommand（“Copy”）；
}
@charset“utf-8”；
/*CSS文档*/
#包裹
{
高度：800px；
文本对齐：居中；
}
.表1{
文本对齐：居中；
字体大小：粗体；
宽度：130px；
字体大小：14px；
}
.表2{
浮动：左；
文本对齐：居中；
字体大小：粗体；
宽度：130px；
边框：1px实心#000；
字体大小：14px；
}
t{
宽度：140px；
显示：内联块；
保证金：0自动；
}
.js copyfilename{
文本对齐：居中；
字体大小：粗体；
宽度：128px；
高度：16px；
边框：1px实心#000；
字体大小：14px；
溢出：隐藏；
}

删除图像
请输入要删除的图像的文件名和ID
文件名
身份证件