JavaScript入門クラス
■概要 JavaScriptではクラスを支援しません。 なので、関数などを利用してクラスと似たような使い方にします。 ■例 <button onclick="testEvent()">偶数か奇数か？</button> <script typ...
管理者
JavaScript入門 JavaScript入門jQueryイベント
■概要 jQueryを使うとイベントを簡単に指定できます。 onを使うと指定できます。 $('#objId').on('click', function(event){ alert('jQueryイベント'); }) ■例 <button...
JavaScript入門JavaScript入門
■概要 HTMLはWEBページで画面に表示する情報を決めたもので、CSSは具体的にどのようなスタイルで要素を表示するかを決めるものです。これらは静的なことができます。 JavaScriptは、静的なWEBページを動的に作成することができ、オ...
JavaScript入門EventListener
■概要 タグのon属性ではイベントに一つの関数のみ定義できましたが、EventListenerを使うと複数のイベントを登録することができます。 addEventListener(eventType, listenerFunction) re...
JavaScript入門タグのon属性
■概要 HTML上でイベント発火時、実行する処理を直接定義することができます。 ※属性内で使うthisという変数はタグ自信を表します。 ■例 <script type="text/javascript"> function test_ov...
JavaScript入門jQuery
■概要 jQueryは、ブラウザの互換性をもたせるために作成されたライブラリです。 詳しい内容を勉強したいなら、 jQuery公式ページへ(click) ■使用方法 var span = $('span'); // タグ名が「span」であ...
JavaScript入門style属性
■概要 HTMLでsytle属性を利用するとCSSの属性をタグに直接設定することができます。 JavaScriptでもQuerySelectorを利用するとstyle属性を摘要することができます。 CSSでは、複数の単語になってる属性は「-...
JavaScript入門innerHTML
■概要 QuerySelectorで持ってきたオブジェクトの内容、内部HTMLコードをJavaScriptで変更できます。 ■例 <html> <head> <script type= "text/javascript"> funct...
JavaScript入門オブジェクトの属性
■概要 querySelectorを利用して探したオブジェクトからいくつかの属性を利用してDOMの制御ができます。 代表的には、value属性を使うとHTMLタグのvalue属性を指定した時と同じ効果になります。 タグにより使える属性は異な...
JavaScript入門QuerySelector
■概要 JavaScriptでオブジェクトを探す時に関数です。 これらを利用して動的なページを作ることができます。 関数名 内容 戻り値 getElementById idをキーに探す オブジェクト getElementsByClassNa...