如何打印保存CSS的div內容

我想打印div內容，同時保持CSS應用在div和它的內部html。如何打印保存CSS的div內容

我正在使用jQuery打印元素，但它的條帶脫離CSS。

2012-12-30 mukamaivan

你有沒有機會回到這個問題？ – mplungjan

如何

function printDiv(id) { 

    var html = ""; 

    $('link').each(function() { // find all <link tags that have 
    if ($(this).attr('rel').indexOf('stylesheet') !=-1) { // rel="stylesheet" 
     html += '<link rel="stylesheet" href="'+$(this).attr("href")+'" />'; 
    } 
    }); 
    html += '<body onload="window.focus(); window.print()">+$("#"+id).html()+'</body>'; 
    var w = window.open("","print"); 
    if (w) { w.document.write(html); w.document.close() } 

}

來源

2012-12-30 18:29:56 mplungjan

什麼是樣式表是我的樣式表路徑？ – mukamaivan

你怎麼稱呼你的功能; $（ '＃PrintinPopup'）點擊（函數（）{ \t \t \t \t printDiv（「＃打印」）; \t \t \t}）; – mukamaivan

是的，但要麼刪除你的＃或我從這裏'+ $（「＃」+ id）' – mplungjan

使用的.html（）方法。它將抓取所選元素內的所有HTML。

var myDivContents = $("div").html();

來源

2012-12-30 22:11:05 matt

您可以訪問DIV的所有內容與

var $contents = $('div').contents();

這包括所有的標籤，也文本。

如果你只在代碼感興趣，你可以使用

var htmlContents = $('div').html();

這會給你的內容爲字符串。

要打印出來的代碼只是將其插入到另一個元素

$('div.new').append($contents); 

$('div.new').html(htmlContents);

如果沒有應用一些風格，也許他們依賴於包木窗元素和自己的班級，這是神交一個重要的事情。

來源

2012-12-30 22:21:28 bukart

謝謝，但它仍然剝離的css – mukamaivan

https://github.com/jasonday/printThis

插件我創作這個確切的情況。

來源

2013-03-10 23:46:05 Jason

我該如何使用這個插件？ – Yasitha

@Yasitha - 評論/用法在github回購文件本身 – Jason

我曾嘗試過的最佳解決方案 – djdance

如何打印保存CSS的div內容

回答

相關問題