如何只打印选定的 HTML 元素?

2023-12-04

我正在尝试用 HTML 实现打印功能。我知道我可以打印整页window.print(),但是如何只打印特定的页面元素呢?例如一个特定的<DIV>Some text to print</DIV>.


您可以使用打印特定的 CSS 样式表并隐藏除您想要打印的内容之外的所有内容。

<div class="no-print">I won't print</div><div class="something-else">I will!</div>

只是no-print类将被隐藏,但任何具有打印类的内容都会显示。

<style type="text/css" media="print">
   .no-print { display: none; }
</style>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何只打印选定的 HTML 元素? 的相关文章

  • Javascript 将对象推送为克隆

    我将 d3 用于交互式网络应用程序 我需要绑定的数据在交互过程中发生变化 并且由 JSON 变量中的一些选定对象组成 为此 我在 JSON 变量上使用了映射 并进行了一些查询来选择适当的对象 对象被推送到列表中 并且该列表被绑定为新数据 我
  • 从选择 onChange 调用 javascript 函数 [重复]

    这个问题在这里已经有答案了 所以我有一个简单的 HTML 选择框和一个 javascript 警报功能 我希望选择框有一个 onchange 事件来调用 javascript 警报函数 这是我到目前为止所拥有的 HTML div Type
  • 以下文档我无法创建 Vue.js 3 的实例

    The code https stackblitz com edit vue ttt file src main js https stackblitz com edit vue ttt file src main js 问题 我正在尝试在
  • 如何将 Ajax.BeginForm MVC 助手与 JSON 结果一起使用?

    我正在尝试使用 ASP NET MVC Ajax BeginForm 帮助程序 但不想在调用完成时使用现有的内容插入选项 相反 我想使用自定义 JavaScript 函数作为回调 这可行 但我想要的结果应该以 JSON 形式返回 不幸的是
  • Angular UI 路由器嵌套视图问题

    我在理解 Angular UI Router 嵌套视图的工作原理时遇到了一些问题 我的 stateProvider 看起来像这样 stateProvider state login url login views main template
  • Javascript 作为对象键的函数与块中标记函数之间的语法冲突

    假设您有一个支持两者的浏览器带标签的函数声明 https developer mozilla org en US docs Web JavaScript Reference Statements label Labeled function
  • onClick 处理程序在每个渲染周期触发

    我有这样的默认状态 this state selectedTab tab1 then 我的渲染方法是这样的 render const selectedTab this state return li tab1 li li tab2 li d
  • 使用 float:left 与 display:inline-block 的 jQuery UI 拖放排序比较

    我这里有两个例子 这两个例子之间的唯一区别是 一种使用display inline block 另一种使用float left li doc item 显示 内联块 与 li doc item float left 我的问题是 displa
  • Angular 4 Http POST 不起作用

    我希望每个人都做得很好 我最近开始使用 Angular 4 4 我一直在尝试将数据发布到我的 api 服务器 但不幸的是它不起作用 我花了大约两天的时间 但仍然没有成功 甚至已经尝试过 6 7 篇文章角 io https angular i
  • 播放没有音频标签的音频

    是否可以在没有音频标签的情况下仅使用 javascript 播放音频 我通过 tinyMce 编辑器注入脚本 因为我无权访问网站的后端 并且它不支持客户端的音频标签 她只想要当您将鼠标悬停在图像上时发出简单的声音 我已经完成了所有设置 但是
  • 如何知道 .keyup() 是否是字符键(jQuery)

    如何知道 keyup 是否是字符键 jQuery input keyup function if key is a character such as a b A b c 5 3 2 etc not enter key or shift o
  • 如何在html中定义条件换行符?

    我希望这根绳子断在 如果需要的话 没有地方可以写了 7 380 Ft 159 Ft term kd jjal like 7 380 000 Ft 159 125 Ft term kd jjal 如何在html中实现这一点 nbsp 产生 错
  • 如何更改 HTML 文档的“实际编码”?

    我通过 W3C HTML 验证器运行我的网页并收到此错误 编码ascii不是字符的首选名称 使用中的编码 首选名称是 us ascii Charmod C024 第 5 行 第 70 列 内部编码声明 utf 8 不同意 文档的实际编码 u
  • 为什么 call 比 apply 快那么多?

    我想知道是否有人知道why call比apply 在 Chrome 中 速度大约快 4 倍 在 Firefox 中快 30 倍 我什至可以制作自定义原型 apply2 在大多数情况下 运行速度是apply 这个想法取自角度 Function
  • 如何将MathJax公式转换为img

    Mathjax 现在在我的项目中运行良好 但有一个问题 有没有办法将MathJax的公式 纯html和css 转换成img文件 我可以保存 MathJax 可以配置为生成 SVG 看http docs mathjax org en late
  • 我自己的而不是从其他网站借用的图像的正确 img src 是什么?

    在我的计算机上 保存 css 和 html 文件的文件夹还包含一些我想要插入到 html 中的图像 如果我从其他网站借用图像 我知道如何获取图像的 URL 如何获取文件夹中但尚未出现在互联网上的图像的 URL 我是否必须将图像上传到其他网站
  • React Redux - 在辅助函数中访问现有存储

    我试图在反应组件之外获取存储实例 存储状态 即在单独的辅助函数中 我有我的减速器 我的动作 我在最上面的组件中创建了一个商店 configStore js import createStore from redux import gener
  • Three.js点击单个粒子

    In this example http jsfiddle net agqq96bq 2 您可以看到 2 个可点击的粒子 但它们都受到点击的影响 另外 我只想检测粒子上的点击 而不将它们过滤出场景 像这儿 if intersects len
  • 为什么 JavaScript 中是 [1,2] + [3,4] = "1,23,4" ?

    我想将一个数组的元素添加到另一个数组中 所以我尝试了以下方法 1 2 3 4 它的回应是 1 23 4 到底是怎么回事 The 操作员没有为数组定义 发生的事情是 JavaScript将数组转换为字符串并将它们连接起来 Update 由于这
  • 将引导程序弹出框保留在视口内

    我正在尝试使用带有按钮的侧边栏创建一个菜单 每个按钮都有一个指定的包含相关数据的弹出窗口 不幸的是 其中一个弹出窗口可能包含任意数量的行 并且在某些情况下它可能部分位于视口之外 See http jsfiddle net bfd9f 1 h

随机推荐

  • Tesseract OCR 引擎无法从自动生成的图像中读取文本,但可以从 MS Paint 中的 CUT 读取文本

    我正在为 Tesseract OCR 引擎使用 NET 包装器 我有一个大的 PNG 文档 当我在 MS Paint 中剪下图像的一部分然后将其输入引擎时 它就可以工作了 但是当我用代码执行此操作时 引擎无法识别图像中的文本 图像看起来相同
  • ASP classic中如何统计记录数?

    我对 ASP classic 编程不太熟悉 我只需要一小段代码即可在我的网页上运行 如何统计返回查询的记录数 thanks 可以 但不推荐 在 Recordset 对象上使用 RecordCount 属性 如下所示 iTotalRecord
  • 如何在 Magento 中使用 getThumbnailUrl() 显示类别的缩略图

    我一直在尝试完成这项工作 但没有运气 基本上我需要在内容块上显示主菜单类别 我做到了 但现在我需要在内容块内的类别名称旁边显示缩略图类别 我在 app desing fronend default THEME template catalo
  • psql 提示符更改为“-#”并且该语句未提交

    我是 Postgres 的新手 我设置了一个数据库和表 在 Ubuntu 18 04 命令行 在云服务器上 上 我使用以下命令发出了以下命令psql INSERT INTO psq01 date email firstname lastna
  • 寻找最小的下一个更大的元素

    我有一项任务 要求我为所有数组条目找到数组中所有较大元素中的最小元素 并将相应的索引存储在数组中 但我无法完全弄清楚解决方案的最后部分 这与这里解释的问题有点相似 https www geeksforgeeks org smallest g
  • Alsa无法设置样本格式[FFMPEG]

    我正在尝试使用 ffmpeg 从 Roland USB 设备捕获 pcm 流并用 wav 包装它 我正在使用的命令行如下 ffmpeg f alsa acodec pcm s32le ac 2 ar 48000 i hw 2 0 out w
  • SqlDataReader“枚举未产生结果”

    一直想弄清楚 但我不能 我通过 SqlCommand 执行存储过程 返回的 SqlDatareader 对象没有给我结果 但是 如果在调试器中探索该对象 我可以看到它们 这是我正在谈论的内容的图片 在结果视图行中显示 枚举没有结果 但是在路
  • d3.js 选择器不返回实际对象

    我正在使用 d3 js v4 我已在 google chrome 浏览器的控制台上执行了以下代码 var theData 1 2 3 var p d3 select body selectAll p data theData enter a
  • 查询以水平显示输出

    我需要以水平方式显示查询输出 我有一些示例数据 create table TestTable id number name varchar2 10 insert into TestTable values 1 John insert int
  • 包括来自 FXML 的 FontAwesomeFX 图标和字形

    Sector 1 最棒的字体真棒FX 提到JFXBadge是来自JFoenix图书馆 我找到了从下载他们的演示的代码github 回到旧时光FontAwesomeFX 8 5 0
  • 如果出现 SMTP 421 错误该怎么办?

    我有一些 PHP 代码可以帮助发送电子邮件 它的工作方式是有一个唯一密钥的列表 每个密钥都必须发送到不同的电子邮件地址 有时我们需要能够一次发送 1000 个这样的密钥 因此需要发送 1000 封电子邮件 我正在使用 Pear Mail S
  • 从已运行的 CMD 窗口捕获文本 (VB.NET)

    有一个应用程序几乎 24 7 在此计算机上运行 它在命令提示符窗口内运行 我希望能够捕获窗口中当前显示的所有文本 该应用程序已经在运行 并且由于不相关的原因 无法从 VB 内启动 因此我不能仅重定向进程的输出来保存文本 我当前捕获文本的方法
  • 数据包数据拦截和修改

    我希望能够在 tcp 客户端一侧拦截 修改 tcp 流中的数据 pcap 的示例展示了如何解析 tcp 数据包标头 有效负载 但是假设 我想在 tcp 客户端读取数据包有效负载之前修改它 或者完全丢弃数据包 我该如何使用 pcap capu
  • 为什么即使我调用 CommandManager.InvalidateRequerySuggested(),也不会调用 WPF 按钮命令的 CanExecute 方法?

    我面临着这些问题中报告的相同问题 属性更改时不调用按钮命令 CanExecute 如何强制更改文本框以在 WPF 中启用我的命令 简单来说就是 我的命令链接按钮在应该启用时没有启用 但略有不同 我已经尝试调用 CommandManager
  • 使用泽勒同余确定一周中的哪一天

    我尝试编写代码来查找给定日期的星期几泽勒同余但我没有得到正确的输出 我的代码有什么问题吗 include
  • 使用 Google Analytics 跟踪客户端 JavaScript 和服务器端跟踪调用中的同一会话?

    我们正在我们的网站中实施第三方支付系统 巴克莱 CPI 我们希望使用 Google Analytics 来跟踪付费客户的来源 例如 然而 巴克莱 CPI 通过服务器到服务器的 http 请求返回支付授权结果 而不是带有谷歌分析代码的普通网页
  • Android 设备可以广播 SSID 吗?

    我想查看来自 Android 设备上的 Nintendo 3DS 的数据 3DS 将自动尝试连接到 SSID 为 Nintendo 3DS continuous scan 000 的任何路由器 我知道这应该是可能的 因为网络共享应用程序基本
  • 调整输入图像大小以上传

    我已经为这个问题苦苦挣扎了几个小时 我想调整输入标签中的图像大小 然后将其上传到服务器 这是我的尝试 我的输入元素
  • 如何调出内置的文件复制对话框?

    我将使用我的 winforms 应用程序通过网络复制一个大文件 并且我需要显示某种进度条 我没有编写自己的复制例程 而是认为简单地显示内置文件复制对话框可能会更好 我还需要 复制完成 和 复制失败 通知 我需要它在 Windows XP V
  • 如何只打印选定的 HTML 元素?

    我正在尝试用 HTML 实现打印功能 我知道我可以打印整页window print 但是如何只打印特定的页面元素呢 例如一个特定的 div Some text to print div 您可以使用打印特定的 CSS 样式表并隐藏除您想要打印