HTML DOM Element outerHTML属性

定義および使用方法

outerHTML 属性の設定または返却、属性、開始タグおよび終了タグを含むHTML要素。

例

例1

最初のh2要素およびその内容を変更する：

document.getElementsByTagName("h2")[0] = "<h3>Changed!</h3>";

自分で試してみる

例2

タイトルで要素を置き換える：

element.outerHTML = "<h2>This is a h2 element</h2>";

自分で試してみる

例3

<h1>要素の外部HTMLを出力する：

let html = document.getElementsByTagName("h1")[0].outerHTML;
alert(html);

自分で試してみる

例4

<ul>要素の外部HTMLを出力する：

let html = document.getElementsByTagName("ul")[0].outerHTML;
alert(html);

自分で試してみる

文法

outerHTML属性を返す：

element.outerHTML

outerHTML属性を設定する：

element.outerHTML = text

属性値

値 説明
text 新しいHTMLコンテンツ。

返り値

タイプ 説明
文字列 HTMLコンテンツの要素、属性、開始タグおよび終了タグを含みます。

ブラウザのサポート

すべてのブラウザがサポートしています element.outerHTML：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
サポート サポート サポート サポート サポート サポート