計算されたスタイルのネイティブDOM HTML要素を文字列として取得するにはどうすればよいですか？

Question

私は電子メールとしてテーブル（UI）を送信する必要があり、スタイルがないdocument.querySelector（ 'table'）を実行して、ネイティブHTML DOM要素を取得しようとしました。今、電子メールはUIのように見えるはずですが、私の場合はスタイルなしでUIを見ることができます。私は、このコマンドwindow.getComputedStyle（document.querySelector（ 'table'））を実行して計算されたスタイルを取得しようとしました。これは 'table'の計算されたスタイルを提供します。

は、ここで私は

VAR OBJ = {}を持っているものだ; // objが、RESTのAPI、 obj.to = "toEmail@abc.com" を送信するために//受信者 obj.body =文書を。 querySelector（ 'table'）//スタイルなしのネイティブDOM HTMLコードを提供します。スタイルとともにHTMLコードが必要です。

現在、getComputedStyleを実行すると現在のスタイルが取得されますが、その両方を実行して文字列としてすべてのもの（HTMLコードとスタイル）を返す方法はわかりますか？どんな助けでも大歓迎です。

私のアプリケーションは、あなたが前に良い解決策を得るための試験の多くを行う必要がありますように、すべての電子メールサービスのangularjs 1.4

Answer 1

まず、セキュリティ上の理由のためのCSSスタイルの大きなをブロックしている、それは、非常にありそうですあなたがブラウザで使用するCSSスタイルはそれらによって受け入れられます。 最高の解決策は、style属性を持つ要素タグにスタイルを直接置くことです。

私の提案は、別の方法としては、XSL変換を適用することができdocument.querySelector（「テーブル」）でgettedあなたのテーブルにプログラムで、あなたのスタイルを追加し、その後、手動で

をあなたのテーブルのために働いて解決策を見つけることですが、私それがもっと簡単かどうかわかりません。