JavaScript入門

JavaScript入門

クラス

■概要 JavaScriptではクラスを支援しません。 なので、関数などを利用してクラスと似たような使い方にします。 ■例 <button onclick="testEvent()">偶数か奇数か?&...
JavaScript入門

jQueryイベント

■概要 jQueryを使うとイベントを簡単に指定できます。 onを使うと指定できます。 $('#objId').on('click', function(event){  alert('jQueryイベント'); })...
JavaScript入門

JavaScript入門

■概要 HTMLはWEBページで画面に表示する情報を決めたもので、CSSは具体的にどのようなスタイルで要素を表示するかを決めるものです。これらは静的なことができます。 JavaScriptは、静的なWEBページを動的に作成するこ...
JavaScript入門

EventListener

■概要 タグのon属性ではイベントに一つの関数のみ定義できましたが、EventListenerを使うと複数のイベントを登録することができます。 addEventListener(eventType, listenerFuncti...
JavaScript入門

タグのon属性

■概要 HTML上でイベント発火時、実行する処理を直接定義することができます。 ※属性内で使うthisという変数はタグ自信を表します。 ■例 <script type="text/javascript"&g...
JavaScript入門

jQuery

■概要 jQueryは、ブラウザの互換性をもたせるために作成されたライブラリです。 詳しい内容を勉強したいなら、 jQuery公式ページへ(click) ■使用方法 var span = $('span')...
JavaScript入門

style属性

■概要 HTMLでsytle属性を利用するとCSSの属性をタグに直接設定することができます。 JavaScriptでもQuerySelectorを利用するとstyle属性を摘要することができます。 CSSでは、複数の単語に...
JavaScript入門

innerHTML

■概要 QuerySelectorで持ってきたオブジェクトの内容、内部HTMLコードをJavaScriptで変更できます。 ■例 <html> <head>  <script type...
JavaScript入門

オブジェクトの属性

■概要 querySelectorを利用して探したオブジェクトからいくつかの属性を利用してDOMの制御ができます。 代表的には、value属性を使うとHTMLタグのvalue属性を指定した時と同じ効果になります。 タグによ...
JavaScript入門

QuerySelector

■概要 JavaScriptでオブジェクトを探す時に関数です。 これらを利用して動的なページを作ることができます。 関数名 内容 戻り値 getElementById idをキーに探す ...
タイトルとURLをコピーしました