プロパティ innerHTML
プロパティ innerHTML は、
要素のHTMLコードを取得および変更することを可能にします。
構文
要素.innerHTML;
例
要素のHTMLコードを出力してみましょう：
<p id="elem"><b>text</b></p>
let elem = document.querySelector('#elem');
console.log(elem.innerHTML);
コード実行の結果：
'<b>text</b>'
例
HTMLコードを新しいものに変更してみましょう：
<p id="elem"><b>text</b></p>
let elem = document.querySelector('#elem');
elem.innerHTML = '<i>!!!</i>';
コード実行の結果：
<p id="elem"><i>!!!</i></p>
関連項目
-
要素のテキストを含むプロパティ
textContent、
-
要素の外側のHTMLコードを含むプロパティ
outerHTML、
