プロパティ outerHTML
プロパティ outerHTML は、要素とそのタグを含む
HTML コードを取得および変更することを可能にします。
構文
要素.outerHTML;
例
プロパティ outerHTML を使用して要素のテキストを
出力してみましょう：
<p id="elem">テキスト</p>
let elem = document.querySelector('#elem');
console.log(elem.outerHTML);
コード実行の結果：
'<p id="elem">テキスト</p>'
例
段落の代わりに、同じテキストを持つ div を
作成してみましょう：
<p id="elem">テキスト</p>
let elem = document.querySelector('#elem');
elem.outerHTML = '<div>' + elem.innerHTML + '</div>';
コード実行の結果：
<div>テキスト</div>
関連項目
-
要素のテキストを含むプロパティ
textContent、
-
要素の HTML コードを含むプロパティ
innerHTML、
