2017-02-07 3 views
1

私はJSを介してシャドウドームのコンテンツを印刷しようとしています。<style>タグが入ったShadow DOMを印刷するにはJavaScriptを使用するには?

それは簡単なようだ:この後

var reportBody = document.getElementById('daily-report-old').shadowRoot.innerHTML.toString().trim(); 

、私はreportBody変数にしたい全体のコンテンツを持っています。

その後、私はそれを印刷しようとします:

var mywindow = window.open('', 'PRINT', 'height=400,width=600'); 
mywindow.document.write('<html><head><title>' + document.title + '</title>'); 
mywindow.document.write('</head><body >'); 
mywindow.document.write(reportBody); 
mywindow.document.write('</body></html>'); 
mywindow.document.close(); 
mywindow.focus(); 
mywindow.print(); 
mywindow.close(); 

は印刷のため、このコードは、私がhereを見つけました。

私は空白/空のページがあります。私は、シャドウドーム内のいくつかのハードコードされたCSSがいくつかの厄介な役割を果たすと思う。

誰かがシャドウドームのコンテンツを印刷する正しい方法を知っていますか?よろしく。

+2

1)単純なreportBody変数を設定して印刷機能を試しましたか? 2)あなたのshadom domの内容は何ですか? – Supersharp

+0

奇妙な、コンソールでは、機能は、私は前にそれを試してみました[----実際のコードではそれは---]申し訳ありません、それは動作しません –

+0

シャドウドームの中に巨大なページがあります