JavaScript入門

オブジェクトの属性

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

QuerySelector

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

関数

■概要 functionで関数の宣言をし、returnを利用して結果を戻します。 function getSum(x, y) {  var sum = x + y;  return sum; } 呼び出し時は下記...
JavaScript入門

繰り返し

■概要 JavaScriptの繰り返しも、C, javaなどの言語と似てます。 見てみましょう。 ■while文 var num = 0; while (true) {  document.write(num);...
JavaScript入門

条件文

■概要 JavaScriptの条件文は、C, javaなどの言語と似てます。 では、見てみましょう。 ■if文 if (age >= 65)  alert('退職金'); else if (score >= 60...
JavaScript入門

オブジェクト

■概要 JavaScriptの型は、PrimitiveタイプとObjectタイプがあります。 オブジェクトとPrimitiveタイプの大きな差は、Reference(参照)です。 Primitiveタイプ変数は、他の変数に...
JavaScript入門

配列

■概要 JavaScriptの配列は、数字型と文字型と同様に一般的なスクリプト言語と似てます。 C, Javaとは違って、配列にもタイプが決められていません。 配列は[], new Array()で生成し、大きさの制約がな...
JavaScript入門

文字型変数

■概要 JavaScriptは一般的に文字列'String)を提供する他の言語と同様に文字型を支援します。 ただし、JavaScriptにはchar型が存在しないので"か'で囲む必要があります。 var aa = "H...
JavaScript入門

数字型変数

■概要 大体のスクリプト言語の数字タイプと似てます。 整数と浮動小数点を区別しません。 下記のような値が使えます。 10 -2 0 0.8 -1.2 0x1af  // 16進数表記 0ab1  // 8...
CSS入門

縦中央揃え

まずは例を見てみましょう。 <style> .component-ex:after{ clear: both; display: block; content: '' } .component-ex .labe...
タイトルとURLをコピーしました