プロパティ innerHTML

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

構文

javascript要素.innerHTML;

例

要素のHTMLコードを出力してみましょう：

html<p id="elem"><b>text</b></p>

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

コード実行の結果：

javascript'<b>text</b>'

例

HTMLコードを新しいものに変更してみましょう：

html<p id="elem"><b>text</b></p>

javascriptlet elem = document.querySelector('#elem');
elem.innerHTML = '<i>!!!</i>';

コード実行の結果：

html<p id="elem"><i>!!!</i></p>

関連項目