获取元素和所有后代/子元素的样式

Question

我在网页上有一个面板，我需要与页面的其余部分分开打印，遗憾的是页面的CSS不是以允许打印样式表的方式完成的。我试图将面板的内容复制到新选项卡并触发该选项卡上的打印，但问题是没有任何样式被复制。如何将css样式应用于元素以及该元素的所有子/后代，以便将它们复制到此新选项卡中？

var prtContent = document.getElementById("ProjectDataAssessmentPanel");
var styles = dumpCssText(prtContent);  // need the implementation for this function                  
var WinPrint = window.open('', '', 'left=0,top=0,width=800,height=900,toolbar=0,scrollbars=0,status=0');
WinPrint.document.write("<style type='text/css'>" + styles + "</style>");
WinPrint.document.write(prtContent.innerHTML);
WinPrint.document.close();
WinPrint.focus();
WinPrint.print();
WinPrint.close();