javascript - 在 JavaScript 中使用媒体查询或在 CSS 中使用 if/else 语句

Question

我正在构建一个具有可自定义打印设置的网页。发生的情况是，每当单击打印按钮时，都会打开一个对话框（我使用onclick属性和一些 js）。对话框有一些复选框，命名如下：

• 删除菜单
• 删除侧边栏
• 删除链接和按钮
• 删除评论

所以，我想要的是，每当用户点击复选框时，链接的项目就会从@media print 查询中删除。

所以，我能想到的方法是在 JavaScript 中使用媒体查询或在 css 中使用条件语句。

有可能还是需要其他语言？

标签： javascripthtmlcssprintingmedia-queries

Answer 1

我建议改为向项目添加/删除类，并将它们包含在您的打印 CSS 中。可以很简单：

.hidden {
  display: none;
}

然后，在您的 JavaScript 中：

document.querySelector('.comments').classList.add('hidden');

另请参阅： https ://developer.mozilla.org/en-US/docs/Web/API/Element/classList