如何使用javascript和html复制不同的div？

我只能使用CSS、Javascript和HTML。我试图有一个类似于博客帖子的表格。1号岗位、2号岗位等

我试图广告“复制文本”按钮，以每一个职位，并有它复制的具体职位的内容。我以为我已经弄明白了，但它不起作用。无论我点击哪个按钮，它都只复制1个div

功能CopyToClipboard（集装箱ID）{
if（文档选择）{
var range=document.body.createTextRange（）；
range.moveToElementText（document.getElementById（containerid））；
range.select（）.createTextRange（）；
文件。执行命令（“副本”）；
}else if（window.getSelection）{
var range=document.createRange（）；
range.selectNode（document.getElementById（containerid））；
window.getSelection（）.addRange（范围）；
文件。执行命令（“副本”）；
警报（“已复制！”）
}
}

我想要复制的内容-帖子1
点击复制
我想要复制的内容-帖子2
单击以复制

在添加另一个选择范围之前，需要删除选择范围

功能CopyToClipboard（集装箱ID）{
if（文档选择）{
var range=document.body.createTextRange（）；
range.moveToElementText（document.getElementById（containerid））；
range.select（）.createTextRange（）；
文件。执行命令（“副本”）；
}else if（window.getSelection）{
var range=document.createRange（）；
range.selectNode（document.getElementById（containerid））；
var sel=window.getSelection（）
选择removeAllRanges（）；
选择添加范围（范围）；
文件。执行命令（“副本”）；
console.log（“已复制！”）
}
}

我想要复制的内容-帖子1
点击复制
我想要复制的内容-帖子2
单击以复制

在添加另一个选择范围之前，需要删除选择范围

功能CopyToClipboard（集装箱ID）{
if（文档选择）{
var range=document.body.createTextRange（）；
range.moveToElementText（document.getElementById（containerid））；
range.select（）.createTextRange（）；
文件。执行命令（“副本”）；
}else if（window.getSelection）{
var range=document.createRange（）；
range.selectNode（document.getElementById（containerid））；
var sel=window.getSelection（）
选择removeAllRanges（）；
选择添加范围（范围）；
文件。执行命令（“副本”）；
console.log（“已复制！”）
}
}

我想要复制的内容-帖子1
点击复制
我想要复制的内容-帖子2
单击以复制

您创建了一个文本范围，但没有将其删除。这是引起问题的原因。知道了，这太棒了，谢谢你的快速回复！奖金。。。你知道我如何能自动将按钮的文本更改为“已复制”。。。一旦点击它？我不喜欢我收到的警报，但被它卡住了。按钮有一个文本属性。只需将其设置为新文本。你可以很容易地在SOyea上找到它，我在找它，但它无法工作。你创建了一个textRange，但你没有删除它。这是引起问题的原因。知道了，这太棒了，谢谢你的快速回复！奖金。。。你知道我如何能自动将按钮的文本更改为“已复制”。。。一旦点击它？我不喜欢我收到的警报，但被它卡住了。按钮有一个文本属性。只需将其设置为新文本。你可以很容易地在SOyea上找到它，我一直在寻找，但没能把它修好。这太棒了，谢谢你的快速回复！奖金。。。你知道我如何能自动将按钮的文本更改为“已复制”。。。一旦点击它？我不喜欢我收到的警报，但我一直坚持着。好吧，这太棒了，谢谢你的快速回复！奖金。。。你知道我如何能自动将按钮的文本更改为“已复制”。。。一旦点击它？我不喜欢我的提醒，但我一直坚持着。