JavaScriptでの要素のHTMLコードの操作
DOM要素には、その要素のHTMLコードを読み取ることを可能にするinnerHTMLプロパティがあります。
例を見てみましょう。以下のようなタグがあるとします:
<p id="elem"><b>text</b></p>
このタグへの参照を変数に取得しましょう:
let elem = document.querySelector('#elem');
タグのHTMLコードを読み取ります:
console.log(elem.innerHTML); // <b>text</b> と出力されます
タグのテキストを変更します:
elem.innerHTML = '<i>!!!</i>';
段落とボタンがあります。ボタンがクリックされたとき、 段落のHTMLコードを読み取り、コンソールに出力してください。
段落とボタンがあります。ボタンがクリックされたとき、 段落に太字の新しいテキストを書き込んでください。