Menu
Coddy logo textTech

innerHTML

Coddyの「JavaScript DOM メソッド」コースのレッスン 11/13。

プロパティ innerHTML は、要素内の完全な HTMLコンテンツ(子要素を含む)を設定または取得します。これは、ウェブページセクションのコンテンツを動的に更新するのに便利です。

element.innerHTML = "<b>Example Text !!</b>";
challenge icon

チャレンジ

簡単

IDが content であるdivを含むHTMLコードが与えられています。

JavaScriptのみを使用して、このdiv要素の内容を変更してください:

  1. getElementById 関数を使用して、div要素を取得します。
  2. HTMLの内容を "<b>Updated Content</b>" に設定します。

自分で試してみよう

<!DOCTYPE html>
<html>
    <body>
        <div id="content">Original Content</div>
        <script src="script.js"></script>
    </body>
</html>

JavaScript DOM メソッドのすべてのレッスン