我有一个按钮,用于打印正在查看的当前页面。我想在打印时隐藏div'mainMenuDiv'内的按钮菜单。

以下各项似乎都不起作用,并且会产生未捕获的null样式错误。

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


这是我的打印屏幕代码

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

printPage() {
        window.print();
    }


不知道如何在不使用上述document.getElementById调用的情况下隐藏mainMenuDiv

最佳答案

您可以使用称为print@media类型并通过CSS进行控制:

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

07-28 11:11