DOM操作 JavaScriptでノードを新規作成する
これまでの記事を通して様々なDOM操作を学んできましたが、すべて既存の要素に対するものでした。
今回は「無から有を生み出す」、つまりDOMに存在していない新たなノードを作成する方法を学習します。
JavaScript
DOM操作 DOM操作 DOM要素のclass属性を操作する
これまでに様々なDOM操作について学習してきましたが、今回はclass属性を操作する方法を学びます。
JavaScriptのDOM操作によって、class属性の値を追加、変更、削除することができます。
DOM操作 JavaScriptのクリックイベント
Webサイトでは、アクセスした「ページの読み込み」、「ボタンのクリック」、「フォームへの入力」、「マウスポインタを要素の上に乗せる」など、様々な出来事やユーザー操作が発生します。
こういったWeb上で発生するすべての出来事、ユーザー操作を、JavaScriptでは「イベント」と呼びます。
DOM操作 DOM要素のスタイルを取得・設定する
前回までの学習で、JavaScriptによるDOM要素の読み書きができるようになりましたが、書き換えられるのは内容のみです。
本記事では、DOM要素のスタイル（style）を取得・設定する方法について学びます。
DOM操作 複数要素のDOM操作（読み込みと書き込み）
DOM（Document Object Model）操作は、読み込みと書き込みに集約されます。
単一の要素に対する読み書きは、querySelectorを使用して実現できました。
今回は、複数の要素に対するDOM操作について説明します。
DOM操作 DOMの読み込みと書き込み
DOM（Document Object Model）操作は、読み込みと書き込みに集約されます。
双方とも、あるひとつのメソッドを使うことで実現できます。
それは、querySelectorです。
DOM操作 DOM操作の事前知識
何事においても基本が重要であると誰もが頭では分かっていても、なかなか実践するのは困難です。
入門編では、基礎的な用語や文法、構文を一から詳しく説明しているため、なにせコンソールとアラートへの出力ばかり。
そのせいで「Webプログラミングをやっている」という実感が湧きづらかったかと思います。
そういう意味では、当ブロブの「詳説 JavaScript」を入門編から順に読破された方は、その時点でエンジニアとしての強い資質を有していると言えます。
ここからは心機一転、「これぞ、Webフロントエンド開発」と感じられる内容になります。
JavaScript JavaScriptの関数（基礎編）
世界に存在するほぼ全てのプログラミング言語には、「変数」と「関数」という概念が存在します。
どの言語を学習するにせよ、「Hello World」が終わったら「変数」と「関数」（そして「制御構文」）を理解していかなければ、その後に続く内容はまったく理解できなくなります。
Java JavaとJavaScriptの違いを深掘りする
JavaとJavaScriptというプログラミング言語は、双方とも「Java」というワードが含まれるものの、似て非なる言語であることはご存じの方も多いかもしれません。
名前が似ているため混同されがちですが、それぞれの言語には明確な違いがあります。
JavaとJavaScriptの違いと一口に言っても、観点によって様々な違いがあります。
JavaScript JavaScriptの switch-case による条件分岐
条件分岐は「制御構文」のひとつで、特定の条件に応じて異なる処理を実行するための構文です。
条件分岐により、プログラムは状況に応じて柔軟に振る舞うことができます。
本記事では、switch-case文について詳しく説明します。