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

Question

我有一个按钮，用于打印正在查看的当前页面。当我去打印时，我想要隐藏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

Answer 1

您可以使用名为btn-sm的{​​{3}}类型并通过CSS控制它：

print