javascript - 在打印 div 上包含 css 样式

标签 javascript html css printing

关于 jquery 的帮助(菜鸟)。 我有这段代码可以打印一个 div,我想在上面包含 CSS,该怎么做?

<script language="javascript">
function printDiv(divName) {
 var printContents = document.getElementById(divName).innerHTML;
 var originalContents = document.body.innerHTML;

 document.body.innerHTML = printContents;

 window.print();

 document.body.innerHTML = originalContents;
}
</script>

最佳答案

您可以更改样式属性的值。例如:

function printDiv(divName) {
         document.getElementById(divName).style.color = 'red';
         var printContents = document.getElementById(divName).innerHTML;
         var originalContents = document.body.innerHTML;            

         document.body.innerHTML = printContents;

         window.print();

         document.body.innerHTML = originalContents;
        }

您的 div 内容将为红色。

关于javascript - 在打印 div 上包含 css 样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32352630/

相关文章:

iOS - iFrame 中的原生滚动

javascript - 如何使用javascript在浏览器中创建http服务器?

javascript - ExtJS 5 : spreadsheet drag select with shown cell tooltip

javascript - HTML5 Canvas - 在不转换上下文的情况下相对于对象的中心进行缩放

javascript - 如何将 CSV 文件导入 HTML 表单,以及将 HTML 表单导出为 CSV 文件

html - 使无序列表可滚动

css - IE7 float 错误。是否有维护 html 的修复程序?

javascript - 链接并滚动到部分

javascript - 在 Node.js 中解析大型 XML 文件

html - 表格列宽等于内容宽度