tableを取得し、新しいウインドウに張り付けると全行のheight値が大幅に増える

質問失礼致します。

現在、今開いているwebページからtableを取得し、新しく作成したウインドウに取得したtableを張り付けて表示させる処理を実装しています。
しかし、「取得したtable」と「新ウインドウに張り付けた後のtable」の高さ(offsetHeightプロパティ)が全く異なる数値になってしまいます。
「取得したtable」がoffsetHeight = 100とすると、「貼り付けた後のtable」は900ほどに膨れ上がってしまう状況です。
大まかな処理は以下の通りです。

javascript
1
2var newWindow = window.open('', 'test', 'height=600,width=750');
3var newTable = document.getElementById('webpageTable');
4
5newWindow.document.write('<html><head></head>');
6newWindow.document.write('<body><h1>見出し</h1>');
7newWindow.document.write(newTable.innerHTML);
8newWindow.document.write('</body></html>');
9

試したこと

・増幅値はブラウザにより異なりますが、chrome、IE、Edgeで現象が確認できています。

・なぜか一度別別テーブルに1行ずつ移動させ、再度新ウインドウに1行ずつ張り付けると正常な高さに戻るという現象も起きています。

どなたか、お知恵をお借りできれば幸いです。

x_x

2018/12/14 06:20

今開いているウインドウと新しく開くのでは同じ条件でしょうか？(ウインドウの大きさ、スタイルシートを使っていないなど) 'webpageTable'というのはtableの親ですか？

turutontanchan

2018/12/14 07:22

今開いているウインドウと新ウインドウは条件が異なります。スタイルシートはどちらも使用しており、ウインドウの大きさも旧ウインドウはフルサイズ、新ウインドウはheight600、width750となっております。 webpageTableはtableの親です。こちらを指定すると<table>～</table>が取得できるようになっております。

x_x

2018/12/14 07:44

条件が違うと再現させるのが難しいのではないでしょうか。ウインドウサイズが違うということで、幅が収まらずに折り返しているということはないでしょうか？

turutontanchan

2018/12/14 12:53

おっしゃる通り、横幅が狭くなっているぶん高さが伸びているのかなと思ったのですが、質問下部分のとおり、一度新ウインドウから除いて再度貼り付けると高さが縮む(元ウインドウから取得した際の高さに戻る)のが理解出来ずに困っております。。

x_x

2018/12/18 01:20

「貼り付ける」というのはどういう操作ですか？

行動規範の内容に同意します

回答1件

テーブルタグが抜けてませんか？

javascript
1newWindow.document.write('<body><h1>見出し</h1><table>');
2newWindow.document.write(newTable.innerHTML);
3newWindow.document.write('</table></body></html>');
4