JavaScript

HTML&CSS

:nth-child練習ページ・jQueryセレクタ練習ページ作成しました。

:nth-child練習ページとjQueryセレクタ練習ページを作成しました。 :nth-child練習ページの使い方 :nth-child練習ページ Lesson1 li要素を10個用意しています。 各li要素はflex...
JavaScript

日付と時間〜PHPとJavaScriptの記述方法

JavaScriptとPHPを使っていると日時表示の方法がごっちゃになってしまいます。 それでまとめました。 PHPでの日付と時間の表示 PHPで日付や時間を取り扱うにはdate()かstrftime()を使用します。 date(書...
JavaScript

正規表現の基礎

正規表現とは 正規表現(regular expression)とは文字パターンを表現する方法です。 つまり、文章の中のある文字列を検索したいときなど役に立ちます。 今回はJavaScript(jQuery)で正規表現を活用する説明...
JavaScript

JavaScriptでDOMを操作する

DOMとは そもそもDOMはドキュメントをオブジェクトとして扱い、ドキュメントツリーを作成するものです。 DOMを操作する上で覚えておきたい用語は次のものです。 Node(ノード):要素や属性、テキストなどの総称 Ele...
JavaScript

JavaScriptの表示についてまとめ

JavaScriptを勉強するときのモヤモヤ 一般的にJavaScriptはブラウザで簡単に表示して使用できるイベントドリブンな言語だと説明されます。 確かにコンパイルの必要もないし、初心者に優しい言語にまちがいないようです。 さ...
JavaScript

DOMを使ってノードを取得する〜DOMの活用(2)

相対的な位置関係でノードを取得 あるノードを起点に、ツリーをたどることで目的のノードを取得することができます。 その方法としては、DOMのNodeインターフェイスに定義されてる プロパティを活用します。 Node インタフェイスとは、...
JavaScript

DOMを使ってノードを取得する〜DOMの活用(1)

DOMを利用してドキュメントを操作してみましょう。 DOMを活用してドキュメントを操作するには大きく分けて2つの方法があります。 ダイレクトアクセス ID値やクラス属性、タグ名で直接要素を指定する方法 ノードウォーキング ...
JavaScript

選択ボックスの作成 JavaScriptを使用して作成

選択ボックス 複数の年齢などを表示するoption要素をループ文を使用して作成する方法です。 while文 10代から80代まで10歳ずつ表示する例 for文 1際から50歳まで1歳ずつ表示する例
JavaScript

JavaScriptの高度なイベント処理 イベント伝播

DOMレベル2のイベント処理 DOM0レベルのイベントモデルでは、イベントが発生した要素に対してイベントハンドラで命令が実行されますが、そしてそれ以上には何もありません。 DOMレベル2のイベントではこれと少し違ってきます。 イベント...
JavaScript

JavaScriptのイベント処理 イベントハンドラ

JavaScriptはイベントドリブンモデルのプログラムです。 それは、あるイベント(ページロード、マウスクリック、テキストボックスの内容が変更されたなど)に応じて実行するコードを記述することです。 DOMレベル0のイベントモデル ...
スポンサーリンク
タイトルとURLをコピーしました