如何隐藏 div 仅用于使用 js 脚本在特定链接标记上打印？

Question

该页面必须有两个打印版本。 一个有价格，一个没有。 我的解决方案适用于 Firefox，但不适用于基于 chrome 的浏览器。

我做什么：如果打印链接被点击，我添加print:hidden-class名称，然后打印，然后删除 class：

<a href="javascript:if(window.print){document.getElementById('priceinfo').classList.add('print:hidden'); window.print(); document.getElementById('priceinfo').classList.remove('print:hidden');} ">print without price</a>

为什么这在 Edge 或 Chrome 中不起作用？ 什么会起作用？

Answer 1

感谢@Fractalism 将代码移动到脚本标签中：

<script>
  document.querySelector('#print-no-price').addEventListener('click', () => {
    if(window.print) {
      document.getElementById('priceinfo').classList.add('print:hidden'); 
      window.print(); 
      document.getElementById('priceinfo').classList.remove('print:hidden');
    }
  });
</script>