弥勒菩薩が書いた気になるブログ

プログラム言語・Webデザイン・介護・仏教などに関して

2024年8月のブログ記事

  • currentTargetプロパティとtargetプロパティの違い

    currentTargetプロパティとtargetプロパティの違い 【開発環境】 OS：Win11（64ビット） VSCode1.72.2、 クロム 【Event.currentTargetプロパティとEvent.targetプロパティの違い】 Event.currentTarget プロパティ ... 続きをみる

  • JS--発生したイベント情報の取得

    発生したイベント情報の取得 【開発環境】 OS：Win11（64ビット） VSCode1.72.2、 クロム 【Eventオブジェクトを受け取る】 ターゲットとなる要素（＜input＞など）のプロパティに対してイベントハンドラを登録する場合と、 addEventListener メソッドを使ってイ... 続きをみる

  • イベントハンドラの記述位置

    イベントハンドラを登録するコードの記述位置に関する注意と対処方法 【開発環境】 OS：Win11（64ビット） VSCode1.72.2、 クロム 【コード順序に依るエラー】 例文 ＜script＞要素と＜input＞要素の順序を逆さにすると、エラー >> TypeError: Can... 続きをみる

  • JS--イベントリスナーの登録

    イベントリスナーの登録 【開発環境】 OS：Win11（64ビット） VSCode1.72.2、 クロム 【イベントリスナー】 イベントリスナー（Event Listener）は、プログラミングにおいて特定のイベントが発生したときに、そのイベントに応じて何らかの処理を行うための仕組みです。 簡単に... 続きをみる

  • JS--要素のプロパティにイベントハンドラを登録する

    要素のプロパティにイベントハンドラを登録する 【開発環境】 OS：Win11（64ビット） VSCode1.72.2、 クロム ■ DOM を使って取得した要素のプロパティに対してイベントハンドラを登録する方法について解説する。 基本的な使い方は HTML 要素の属性に対していイベントハンドラを登... 続きをみる

  • JS--イベントハンドラの登録

    イベントハンドラの登録 【開発環境】 OS：Win11（64ビット） VSCode1.72.2、 クロム 【HTML要素の属性としてイベントハンドラを登録する】 HTML要素の属性を使ってイベントハンドラを登録する方法です。 例えば input 要素でマウスでクリックしたときに実行するイベントハン... 続きをみる

  • JS--クラスの継承

    クラスの継承 【開発環境】 OS：Win11（64ビット） VSCode1.72.2、 クロム 【class構文とは】 class構文はコンストラクタやメソッドを簡単に定義できるものです。15年のES2015(ES6)からjavaScriptに導入されるようになった。 【class構文の書き方】 ... 続きをみる

  • JS--オブジェクト指向のclassを理解する

    オブジェクト指向のclassを理解する 【開発環境】 OS：Win11（64ビット） VSCode1.72.2、 クロム 【classとは】 JavaScriptのclassは、オブジェクト指向プログラミング（OOP）の概念を実現するための構文です。クラスは、同じプロパティやメソッドを持つオブジェ... 続きをみる

  • JS--ドキュメントに文字を書く

    ドキュメントに文字を書く 【開発環境】 OS：Win11（64ビット） VSCode1.72.2、 クロム 【ドキュメントに文字列を書き込む】 Document オブジェクトの write メソッドは、ドキュメントに対して文字列を書き込みます。 書式：document.write(string) ... 続きをみる

  • JS--複数のノードをまとめて追加

    複数のノードをまとめて追加 【開発環境】 OS：Win11（64ビット） VSCode1.72.2、 クロム 【DocumentFragment オブジェクトとは】 DocumentFragment オブジェクトは、JavaScriptで使われる特別なオブジェクトで、親ノードを持たない軽量なドキュ... 続きをみる

  • JS--現在処理を実行しているscript要素を取得

    現在処理を実行しているscript要素を取得 【開発環境】 OS：Win11（64ビット） VSCode1.72.2、 クロム 【currentScriptプロパティの使い方】 Document オブジェクトの currentScript プロパティを参照すると現在実行している <scrip... 続きをみる

  • HTMLを表す文字列からノードを作成し指定の位置に追加

    HTMLを表す文字列からノードを作成し指定の位置に追加 【開発環境】 OS：Win11（64ビット） VSCode1.72.2、 クロム 【ノードを指定の位置に追加する】 Element オブジェクトの insertAdjacentHTML メソッドを使うと指定した文字列からノードを作成し追加する... 続きをみる

  • JS--ノードの削除

    ノードの削除 【開発環境】 OS：Win11（64ビット） VSCode1.72.2、 クロム 【ノード削除方法】 削除方法には、ChildNode オブジェクトの remove メソッドを使うか、 Node オブジェクトの removeChild メソッドを使うかです。 【remove メソッド... 続きをみる

  • JS--ノードの置換

    ノードの置換 【開発環境】 OS：Win11（64ビット） VSCode1.72.2、 クロム 【ノードを別のノードに置き換える方法】 1.ChildNode オブジェクトの replaceWith メソッドを使ってノードを別のノードに置き換える方法 書式；childnode.replaceWit... 続きをみる