Bir web sayfasını yazdırırken bir öğeyi nasıl gizleyebilirim?

Stil sayfanıza ekleyin:

@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
}

Ardından, düğmeniz gibi basılı sürümde görünmesini istemediğiniz HTML'nize class='no-print' ekleyin (veya mevcut bir sınıf ifadesine no-print sınıfını ekleyin).

En iyi uygulama özellikle yazdırma için bir stil sayfası kullanmak ve media niteliğini print olarak ayarlamaktır.

İçinde, kağıda basılmasını istediğiniz öğeleri gösterin/gizleyin.

Bağlantıyı bir div içine yerleştirebilir, ardından tıklandığında div'i gizlemek için bağlantı etiketinde JavaScript kullanabilirsiniz. Örnek (test edilmemiştir, ince ayar yapılması gerekebilir, ancak fikri anladınız):

<div id="printOption">
    <a href="javascript:void();" 
       onclick="document.getElementById('printOption').style.visibility = 'hidden'; 
       document.print(); 
       return true;">
       Print
    </a>
</div>

Dezavantajı, bir kez tıklandığında düğmenin kaybolması ve sayfadaki bu seçeneği kaybetmeleridir (yine de her zaman Ctrl+P vardır).

Daha iyi bir çözüm, bir yazdırma stil sayfası oluşturmak ve bu stil sayfası içinde printOption kimliğinin (ya da ne derseniz deyin) gizli durumunu belirtmek olacaktır. Bunu HTML'nin head bölümünde yapabilir ve medya özniteliğine sahip ikinci bir stil sayfası belirtebilirsiniz.