innerHTML
Coddyの「JavaScript DOM メソッド」コースのレッスン 11/13。
プロパティ innerHTML は、要素内の完全な HTMLコンテンツ(子要素を含む)を設定または取得します。これは、ウェブページセクションのコンテンツを動的に更新するのに便利です。
element.innerHTML = "<b>Example Text !!</b>";チャレンジ
簡単IDが content であるdivを含むHTMLコードが与えられています。
JavaScriptのみを使用して、このdiv要素の内容を変更してください:
getElementById関数を使用して、div要素を取得します。- HTMLの内容を
"<b>Updated Content</b>"に設定します。
自分で試してみよう
<!DOCTYPE html>
<html>
<body>
<div id="content">Original Content</div>
<script src="script.js"></script>
</body>
</html>