javascript per stampare un div specifica

Question

ho ottenuto questo codice da questo sito per stampare un div:

function printData() 
{ 
    var divToPrint=document.getElementById("printTable"); 
    newWin= window.open(""); 
    newWin.document.write(divToPrint.outerHTML); 
    newWin.print(); 

    newWin.close(); 
} 

$('button').on('click',function(){ 
printData(); 
}) 

Come aggiungere il codice CSS per questo javascript da applicare a un tavolo con il 'tavolo' id =?

table, td, th { 
    border: 1px solid black; 
    text-align:justify; 
} 

th { 
    background-color: #7a7878; 
    text-align:center 
} 

Answer 1

Si prega di dare un'occhiata a: http://jsfiddle.net/rhjv1u11/

function printData() 
{ 
    var divToPrint=document.getElementById("printTable"); 
    newWin= window.open(""); 
    newWin.document.write(divToPrint.outerHTML); 
    var css =`table, td, th { 
     border: 1px solid black; 
     text-align:justify; 
    } 

    th { 
     background-color: #7a7878; 
     text-align:center 
    }`; 
    var div = $("<div />", { 
    html: '&shy;<style>' + css + '</style>' 
    }).appendTo(newWin.document.body); 
    newWin.print(); 

    newWin.close(); 
} 

$('button').on('click',function(){ 
printData(); 
}); 

L'esempio appena inserisce un elemento di stile conatining le regole. Se il CSS che devi assegnare è piccolo come suggerisce l'esempio (e non ha bisogno di molta manutenzione), questa è una soluzione sufficiente.

Nel caso in cui sia molto più complesso, è necessario accedere a CSS newWin.document.head e inserire un nodo per caricare CSS esterno. Sarebbe in qualche modo come questo:

var linkElement=document.createElement("link"); 

linkElement.setAttribute("rel", "stylesheet"); 
linkElement.setAttribute("type", "text/css"); 
linkElement.setAttribute("href", "your.css.file.here.css") 
newWin.document.getElementsByTagName("head")[0].appendChild(linkElement)