テキストで確認したい方はこちら↓ https://lorem-co-ltd.com/dom-basic 画像素材と完成版のコードはこちら↓ https://drive.google.com/drive/folders/1vBQY7jbKqo1xrnnS_ozS80lghZKaKcuW?usp=sharing 関連動画はこちら↓ 要素の指定：https://youtu.be/2nQPgR8bHD0 配列とNodeListの違い：https://youtu.be/mxXbtI5hu-c JavaScriptでよく使われる二つのメソッド、「querySelectorAll」と「getElementsByClassName」に焦点を当ててみたいと思います。 これらのメソッドは、DOM（Document Object Model）から要素を取得するために使われますが、その動作や取得方法には興味深い違いがあるんです。 「querySelectorAll」は、CSSセレクタを使って要素を選択する強力なメソッドです。 一方で、「getElementsByClassName」は、クラス名を指定して要素を取得しますが、注意が必要なポイントも存在します。 この動画はReact初心者のWebデザイナーが勉強したことや初めて知ったことを復習と共有を目的に投稿します。 学習教材のような動画ではありませんが、Reactでのコーディング、Reduxでの状態管理など、多くのことを学びますので一緒にハンズオンで作業して頂く形で視聴していただくことができると思います。 また僕自身がreactの予備知識は必要ありませんので、 同じような初心者の方はもちろん、 「Web制作でコーディングは出来るけどReactもやってみたい」という方に見て頂けると嬉しいです。 ブログ：https://lorem-co-ltd.com/ Twitter：https://twitter.com/rubyprogram #querySelectorAll #getElementsClassByName #js #配列風オブジェクト #web制作 #webデザイン #webデザイナー #javascript #コーディング