如何在打印时隐藏我的按钮菜单？

Question

我有一个打印正在查看的当前页面的按钮。当我去打印时，我想隐藏div'mainMenuDiv'中包含的按钮菜单。

以下都不起作用，并产生未捕获的空样式的错误。

document.getElementById('mainMenuDiv').style.display = 'none'; 
document.getElementById('mainMenuDiv').style.visibility = 'hidden'; 

这里是我的打印屏幕代码

<button className="printBtn" onClick={this.printPage}>PRINT SCREEN</button> 

printPage() { 
     window.print(); 
    } 

不知道我怎么能隐藏mainMenuDiv不使用上述的document.getElementById调用

Answer 1

可以使用@media类型，称为print和控制它通过CSS：

@media print { 
    #mainMenuDiv { 
    display: none; 
    visibility: hidden; 
    } 
}