1. ホーム
  2. javascript

[解決済み] javascript で DOM 要素の HTML を取得する方法

2022-11-01 16:38:20

質問

次のようなHTMLがあるとします。

<div><span><b>This is in bold</b></span></div>

div自身を含むdivのHTMLを取得したいのですが。Element.innerHTMLは返すだけです。

<span>...</span>

何かアイデアはありますか?ありがとうございます。

どのように解決するのですか?

jldupontさんの回答を発展させると、その場で折り返し要素を作成することができます。

var target = document.getElementById('myElement');
var wrap = document.createElement('div');
wrap.appendChild(target.cloneNode(true));
alert(wrap.innerHTML);

実際の文書で要素を削除して入れ直す必要がないように、要素をクローンしています。印刷したい要素の下に非常に大きなツリーがある場合、これは高くつくかもしれませんが。