JavaScriptでの要素のHTMLコードの操作

DOM要素には、その要素のHTMLコードを読み取ることを可能にするinnerHTMLプロパティがあります。 例を見てみましょう。以下のようなタグがあるとします：

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

このタグへの参照を変数に取得しましょう：

javascriptlet elem = document.querySelector('#elem');

タグのHTMLコードを読み取ります：

javascriptconsole.log(elem.innerHTML); // <b>text</b> と出力されます

タグのテキストを変更します：

javascriptelem.innerHTML = '<i>!!!</i>';