Javascript
id名と要素名を組み合わせてみる 今回のソースコードのような場合、特定のリストや表組みにアクセスするには、はじめにid要素で絞り込み、更にその中の特定の要素名を指定すると良い。 具体的な使い方を記述してみよう。 id名【solar】に含まれるli要素の数…
要素の内容をデータとして取得するには innerHTMLプロパティを使用する 例) オブジェクト名.innerHTML <html lang="ja"><head><meta charset="utf-8"><title>DOMテスト</title></head><body><h1>DOMテスト</h1><p>おはよう</p><p>こんにちは</p><p>こんばんは</p><script> var ps = document.getElementsByTagName( 'p' ); alert(ps[1].innerHTML);</script></body></html>
HTMLの中から特定のオブジェクトを探し出す Document Object Modelの略で【ドム】と発音する。 HTMLドキュメント中のさまざまな要素や属性などをオブジェクトとして考えそれらの中から特定のものにアクセスするためのメソッドを使用することが出来る。 DOMで…
条件を指定して処理するifとif...else 例) もし◯◯だったら◯◯ この条件に合わない場合、△△ といった条件ん応じさせることが出来る ifを使う理由 1つの流れしか記述できなかったJavascriptに対してif文を使うことにより条件に応じた処理の切り替えることが出来…
四則計算(加減乗除、和差積商を求める計算) 四則計算の記号には【算術演算子】といい次の記号を使用 求めるもの 算術演算子 和(足し算、加算) + 差(引き算、減算) - 積(掛け算、乗算) * 商(割り算、除算) / start04.htmlファイルを開いて下さい。開いたら次…
データの型 1.そのまま文字列を表示したい場合 2.◯とXを繋ぎ合わせた◯Xという文字列を表示したい場合 3.計算結果を導き出すための【計算式】として扱いたい場合 4.アクションを起こさなかった場合 1.と2.は文字列(String)型 3.は数値(Number)型 4.はnull型で…
簡単な入力ダイアログの表示 start03.htmlを開き var user = prompt('お名前を入力してください。','お名前');document.write('いらっしゃいませ、' + user + '様。'); console.log(user ); と記述してブラウザで確認。ダイアログが表示されたら名前を入力し…
HTMLのソースコードにJavascriptの記述する場合 body要素の中の<script type="text/javascript">〜</script>に記述 <script type="text/javascript"> <!--// --> </script> Jsが理解できないブラウザーがソースコードを表示しないようにHTMLのコメント 【】を使用する。【//】はJsのコメント。この記述のある行はJsのコメントとして解釈され【-…
スクリプティングとは 文書の構造化(HTML)や視覚的な表現の指定(CSS)するコーディングと違い、 あらかじめ何かの【仕掛け】を作り、それが【状況】に応じて【実行】してくれる。 スクリプトの処理する場所 サーバーサイド サーバー(結果)→←(入力)ユーザーの…
