最新版のレッスンがあります
【最新版】はじめてのJavaScript (全7回)
動画の読み込みに失敗しました。しばらく待ってからリロードしてみてください。解決しない場合は ヘルプ「動画が見られない場合について」 もご覧ください。
textContentを使って、要素のテキストの中身を変更していきます。
- textContent
- 動作確認
2021年7月8日
補足情報 textContent について
textContent について詳しく知りたい方は以下のレッスンも参考にしてみてください。
- #02 要素を操作してみよう | 詳解JavaScript DOM編
https://dotinstall.com/lessons/basic_javascript_dom_v2/52902
この動画に関する質問と回答はありません。
素材ファイルをダウンロードするには無料ユーザー登録が必要です
無料ユーザー登録ソースコードを閲覧するにはプレミアムプランへの登録が必要です
詳しくみる<!DOCTYPE·html>¬
·lang="ja"¬
¬
···charset="utf-8"¬
··My·Site¬
··¬
····img·{¬
······border-radius:·50%;¬
······cursor:·pointer;¬
····}¬
····section·{¬
······border-width:·1px;¬
······border-color:·gray;¬
······border-style:·solid;¬
······border-radius:·8px;¬
······padding:·16px;¬
······margin-bottom:·8px;¬
······background-image:·url(background.png);¬
····}¬
····body·{¬
······text-align:·center;¬
····}¬
··¬
¬
¬
··¬
·····src="icon.png"·alt="太郎のアイコン画像です"·id="trigger"¬
····山田太郎¬
·····id="target"UI
/UXデザイナー見習いです。日々の勉強、がんばっています。¬
··¬
··(c)·dotinstall.com¬
··¬
··¬
····'use·strict';¬
····¬
····function·process()·{¬
······document.getElementById('target')¬
····}¬
····¬
····document.getElementById('trigger').addEventListener('click',·
process);¬
··¬
¬
¶
サーバーとの接続が切断されました。ブラウザを再読込してみてください。
保存しました
ファイル構成
- index.html
ブラウザ実行環境を使ってみよう！
このレッスンでは、こちらにコードを打ち込みながら学習を進めていくことができます。
手元で実際に動作を確認しながら理解を深めていくと良いでしょう。
この機能を利用するには無料のユーザー登録が必要です。
