Javascript 在打印div中包含css样式
关于jquery的帮助(新手)。 我有这个代码来打印一个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
<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'代码>请不要回答自己的问题。