DOM– tag –

はじめに 前回の記事では、<form>タグ（フォーム）をJavaScriptで操作する方法を解説しました。 今回は、フォームの入力値チェックや画面表示の整形など、あらゆる場面で使う文字列（String）の操作方法を解説します。文字列の検索、抽出、置換、分...

はじめに 前回の記事では、<img>タグ（イメージ）をJavaScriptで操作する方法を解説しました。 今回は、お問い合わせフォームや検索窓など、Webサイトに欠かせないフォーム（<form>タグ）をJavaScriptで操作する方法を解説します。フォーム要...

はじめに 前回の記事では、<a>タグ（リンク）をJavaScriptで操作する方法を解説しました。 今回は、Webページに欠かせないもう1つの要素、イメージ（<img>タグ）をJavaScriptで操作する方法を解説します。srcの書き換えによる画像切り替え、読...

はじめに 前回の記事では、addEventListenerを使ったイベント処理の基本と、イベント委任の仕組みについて解説しました。 今回は、そのイベント処理の知識も使いながら、Webページに欠かせないリンク（<a>タグ）をJavaScriptで操作する方法を解説し...

はじめに 前回の記事では、documentオブジェクトを使ったHTML要素の取得・操作方法について解説しました。 今回は、「ボタンがクリックされた」「フォームが送信された」「キーが押された」といった、ユーザーの操作やブラウザの状態変化に反応するイベン...

はじめに 前回の記事では、alert・confirm・promptを使ったダイアログボックスの表示方法について解説しました。 今回は、windowオブジェクトの子オブジェクトであるdocumentを使って、HTML要素を取得・操作する方法を解説します。ボタンをクリックしたら...

はじめに 「ボタンを押したら画面の表示が切り替わる」「入力欄に何も書かずに送信すると注意メッセージが出る」――こうした動きのあるWebページを見たことはありませんか？ これらはすべて、JavaScriptというプログラミング言語によって実現されています。...