Javascript 根据单击的元素打印页面的不同部分

我正在寻找一种聪明的方法来打印页面的一小部分，这取决于用户单击的链接。例如：

Item 1  PRINT
Item 2  PRINT

如果我单击项目1旁边的“打印”，我只希望项目1在“打印”对话框中打开。同样，我只希望在单击项目旁边的项目2时打开该项目

我知道

以及如何添加一个名为

noprint

的类到任何我不想打印的元素中，但是我想要的是一种巧妙的、动态的方式，它可以根据用户与页面上的哪个元素交互而改变

---

有人知道解决这个问题的方法吗？

这是我最喜欢的方法。它在S/O上不起作用，但在

函数printDiv（id）{
var printContents=document.getElementById（id）.innerHTML；
var originalContents=document.body.innerHTML；
document.body.innerHTML=打印内容；
window.print（）；
document.body.innerHTML=原始内容；
}

我是第一个
印刷品
我是第二名
打印

在后端创建单独的操作，该操作将在适当的“准备打印”视图中呈现所需的项目（例如

/print？itemId=123

）

通过单击链接在单独的窗口中打开该视图，然后调用

window.print（）

对于小任务来说，这似乎是一项大任务，但您将从同一项目的独立、灵活的屏幕和打印视图中获得显著的好处