「DOM操作を学習!JavaScriptでHTMLを動かす仕組み」

記事
デザイン・イラスト
本日は「DOM操作」について学習しました💻✨

これまでHTMLやCSSで見た目を作ってきましたが、
JavaScriptを使うことで「要素を取得して動かす」ということができるようになり、
一気にできることが広がった感覚があります☺️

特に印象的だったのが、
「document」はHTML全体を表しているという考え方です。

JavaScriptは直接HTMLを触るのではなく、
この「document」を通して操作するという仕組みを知ることができました。

また、複数の要素を取得した際に
「length」を使って繰り返し処理を行うことで、
1つずつ順番に扱えることも学びました。

最初は少し混乱しましたが、
「配列のような箱から順番に取り出している」と考えることで
少しずつ理解できてきました✨

まだまだ基礎段階ですが、
少しずつ「動き」のあるサイトが作れるように頑張ります🌿

スクリーンショット 2026-03-24 23.44.49.png


サービス数40万件のスキルマーケット、あなたにぴったりのサービスを探す ココナラコンテンツマーケット ノウハウ記事・テンプレート・デザイン素材はこちら