如何删除<a href="" link=""> at javascript print function

Question

How to remove at Javascript print function? Following is my view page before clicking print button(before fired print function)

单击打印按钮后查看页面（触发打印功能后）

我想从下面显示的编辑和删除按钮中删除链接（网址）。

Javascript功能

function printDiv(divName)
{
    var printContents = document.getElementById(divName).innerHTML;
    var originalContents = document.body.innerHTML;
    document.body.innerHTML = printContents;
    window.print();
    document.body.innerHTML = originalContents;
}

Answer 1

最简单的方法是向那些人添加一个css类，然后创建一个用于打印的媒体查询（如果你还没有）并隐藏它们。

例如：

<a class="hide-for-print">Edit</a>
<a class="hide-for-print">Remove</a>

然后在你的样式文件中添加：

@media print { 
   /* All your print styles go here */
   .hide-for-print { display: none !important; } 
}

当然，您可以按元素执行此操作，但您可能不希望在打印时隐藏所有标记。

Answer 2

这样你去打印的时候就会隐藏href

@media print{
    a[href]:after { display:none; }
}