Javascript 在打印div中包含css样式

Javascript 在打印div中包含css样式,javascript,html,css,printing,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.innerHT

关于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>

函数printDiv(divName){
var printContents=document.getElementById(divName).innerHTML;
var originalContents=document.body.innerHTML;
document.body.innerHTML=打印内容;
window.print();
document.body.innerHTML=原始内容;
}

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

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内容将为红色。

明白了:

function printDiv(divName) {
         document.head.insertAdjacentHTML( 'beforeend', '<link rel="stylesheet" type="text/css" href="css/style.css"/>' );
         var printContents = document.getElementById(divName).innerHTML;
         var originalContents = document.body.innerHTML;            

         document.body.innerHTML = printContents;

         window.print();

         document.body.innerHTML = originalContents;
        }
函数printDiv(divName){
document.head.insertAdjacentHTML('beforeed','');
var printContents=document.getElementById(divName).innerHTML;
var originalContents=document.body.innerHTML;
document.body.innerHTML=打印内容;
window.print();
document.body.innerHTML=原始内容;
}

但它不是jquery,是纯javascript。在它上面包含CSS意味着将CSS应用于
?然后,您可以使用内联CSS viz最适合打印媒体,或者您可以使用媒体查询作为
@media print{div{background:#f00;color:#FFF;}}
更改为javascriptand,如果我想包含3个类,那么您可以使用
document.getElementById(divName).className='firstClass secondClass thirdClass'请不要回答自己的问题。