プロパティ outerHTML

プロパティ outerHTML は、要素とそのタグを含む HTML コードを取得および変更することを可能にします。

構文

javascript要素.outerHTML;

例

プロパティ outerHTML を使用して要素のテキストを 出力してみましょう：

html<p id="elem">テキスト</p>

javascriptlet elem = document.querySelector('#elem');
console.log(elem.outerHTML);

コード実行の結果：

javascript'<p id="elem">テキスト</p>'

例

段落の代わりに、同じテキストを持つ div を 作成してみましょう：

html<p id="elem">テキスト</p>

javascriptlet elem = document.querySelector('#elem');
elem.outerHTML = '<div>' + elem.innerHTML + '</div>';

コード実行の結果：

html<div>テキスト</div>

関連項目