JavaScript

JavaScriptでテキストボックスから値を取得する

テキストボックスに入力された値を取得します。 Elementオブジェクト「txt_box」のインスタンスを取得したら「value」プロパティを参照します。
1
2
var txtBox = document.getElementById('txt_box');
var txt = txtBox.value;
これでテキスト・ボックス「txt_box」に入っているテキストが「txt」に格納されました。 あとは煮るなり焼くなり好きにします♪ ▼基本から勉強するならコレ!

関連記事

  1. scope.jpg

    JavaScript

    JavaScriptでは「変数のスコープ」を正しく理解してエラーを減らそう!

    変数の「スコープ」は正しく理解しないと、エラーにならないエラーが起…

  2. js_style.jpg

    JavaScript

    CSSのプロパティをJavaScriptで指定する

    Elementオブジェクトのstyleプロパティでその要素に対し…

  3. tweenmax_js_oncomplete.jpg

    JavaScript

    【TweenMax.js】アニメーション終わりに関数を呼び出す!

    最近はWebアプリでアニメーションが必要になったときに、「Twen…

  4. getElementById

    JavaScript

    JavaScript内で、HTMLのIDを直接指定したらダメ

    Webアプリをデザインしていて、JavaScriptの記述について…

  5. offset_style_data.jpg

    JavaScript

    「offset」と「style」で取得する値が違う

    ちょっとはまったのでメモ。以下のように「offset」と「sty…

  6. canvas.jpg

    JavaScript

    WebアプリでCanvasを使うための指定方法

    Webアプリをデザインするときのお決まりになりつつあるHTML5の…

最近の記事

  1. 【無印良品】ゴールデンウィーク中のご飯にレトルト買い込み!
  2. 世代ど真ん中だった!!『週刊少年ジャンプ展 vol2』
  3. デジタル通貨を買ってみた記録!とりあえず元は取っている!
  4. 【コレクション】カードダス:SDガンダム外伝シリーズ
  5. 懐かしい!!カードダスSD戦国伝!!
  6. 【無印良品】作り置きに欠かせない!バルブ付き密閉保存容器
  7. 【UNIQLO】冬のジム通いにブロックテックフリースパーカをお得に購入!!
  8. 【UNIQLO】冬のジム通いにブロックテックフリースパンツをお得に購入!!
  9. 【UNIQLO】ユニクロ誕生感謝祭で買いだめ!
  10. 便利すぎる!買ってよかったキッチンツール「キッチンペーパーハンガー」

アーカイブ

  1. freitag_repair_done-1.jpg

    プロダクト

    【F】FREITAGの修理が完了! これはもう職人技!
  2. santefx_evangelion_Present-1.jpg

    プロダクト

    久しぶりに懸賞当たった! 「サンテFX × ヱヴァンゲリヲン新劇場版:Q 人類爽…
  3. 日常

  4. 日常

    メシ
  5. 日常

    色を味方に
PAGE TOP