Java Script

Java Script

JS イベントハンドラを登録する3つの方法と イベント一覧

今回からいよいよ、「イベント」について見ていきます。今までも例文の中で幾つか使用しているので、すでにお気づきの方も多いと思いますが、JavaScriptでのイベントとは、マウスをクリックしたり、スクロールしたり、ページを読み込んだりするよう...
Java Script

JS ウィンドウサイズの取得と様々なスクロール情報を取得する

今回は、「ウィンドウサイズとスクロール」についてご紹介させて頂きます。どちらも知っておくととても便利な機能ですので、ぜひ覚えておきましょう。ブラウザのサイズを計測するJavaScriptでウィンドウのサイズを計測する方法を見ていきましょう。...
Java Script

JS 要素の位置・サイズ・スクロール量を取得する方法

今回は、「要素の様々な情報を取得する方法」についてご紹介させて頂きます。CSSの学習時にもサイズの考え方については学習していると思いますので、それほど難しくはないと思います。要素サイズの概念は非常に重要ですので、ぜひしっかりとマスターしてい...
Java Script

JS クラスを管理する方法 classList と element.style の使い方

今回は、JavaScriptで「クラスを管理する方法」を見ていきます。CSSについて忘れてしまっている方もいらっしゃると思いますので、ぜひHTMLとCSSで簡単なサイトを作成して一緒に操作しながら学習してください。className「cla...
Java Script

JS ノードの編集方法 追加・削除・置換・挿入する方法

今回は、「ノード」を追加したり、削除したりするメソッドをご紹介させて頂きます。それぞれがどのように動作するのかを理解するのは難しくはないのですが、とても沢山のメソッドがあるので、混乱してしまう場合があります。一つ一つご自身でコードを書きなが...
Java Script

JS 属性値を取得・追加・削除する方法 分かりやすい解説

今回は、「属性とプロパティ」について見ていきましょう。ここで言う「属性」とは、HTMLで書かれているものになり、「プロパティ」とは、DOMオブジェクトの中にあるものを言います。言葉で説明するよりも、例を参考に早速使い方を見ていきましょう。属...
Java Script

JSノードのプロパティを理解する 様々な取得方法と書き換え方法

今回は、「ノード」について、少し深く見ていきます。ノードを理解することにより、より一層「DOM」の理解が深まると思います。nodeType「nodeType」プロパティを使用すると、ノードのタイプを確認することが出来ます。HTML <bod...
Java Script

JS ノードの親子・兄弟関係を理解する ノードの指定方法一覧

今回は、「Node(ノード)」の使い方の中でも、「親子・兄弟関係」について見ていきましょう。前回の記事で、DOMツリーの説明をした時にノードについて簡単にご説明させて頂きましたが、覚えていらっしゃるでしょうか。今回の説明の中で親子関係がよく...
Java Script

DOMツリーでDOMを分かりやすく解説 getElement*とquerySelector*の使い方

いよいよ今回より、「DOM」について見ていきます。今まで、かなり深いところまで、JavaScriptの基本を学んで来ましたが、正直、一体何をするのかピント来ていない方が多いと思います。HTMLやCSSのように、直感的に感じることが出来ないの...
Java Script

JS イテレータ と ジェネレーター とは 基本的なメソッドを抑えてfor…of文で理解する

今回は、「イテレータとジェネレーター」についてご紹介させて頂きます。どちらもとても奥が深いので、ここでは本当に基本的な部分だけのご紹介となっています。JavaScriptを学習中の方は、「for...of文」と合わせて学習されると理解が深ま...