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