JavaScript

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

js_style Elementオブジェクトのstyleプロパティで その要素に対して個別にCSSスタイルを設定できます。 普段はjQueryでやってるので JavaScriptでどうやるんだろうとは思ってました。 jQueryのほうが直感的に指定できて、 コードの可読性もあるんですが、 動作が遅いんですよね、jQueryって^^; だから すばやくCSSを切り替える必要があるときに使います。 とくにWebアプリとかで、ゲームなんかつくってたりすると 使う必要はあるでしょうね。
1
2
var elem = document.getElementsByName('hoge');
elem.style.background = 'red';
ただし、注意することがあります。 どうやらIDやクラスを利用したCSSスタイル設定よりも 優先されるみたいなんです。 気をつけないとガタガタ崩れちゃいそうですね。 ▼基本がわかります

関連記事

  1. js_comment.jpg

    JavaScript

    JavaScriptでコメントは「/* */」をなるべく使わないようにしたい

    コメントには囲った部分をすべてコメントにする「/* */」と、1…

  2. oncomplete_function.jpg

    JavaScript

    【TweenMax】「onComplete」で引数を使う方法

    TweenMaxの「onComplete」で引数を使いたい場合って…

  3. data_access.jpg

    JavaScript

    JavaScriptでグローバル変数の使いどころを見直してパフォーマンスを改善する

    JavaScriptのコードの中では、どこにデータを格納するかでコ…

  4. 20120716134815

    JavaScript

    正規表現で入力されたテキストが有効かをチェックする

    テキストボックスに入力されたテキストが整数かどうかをチェックします…

  5. fb022d1ac056d555673c17937de7f431.png

    JavaScript

    強力なアニメーション用のJavaScriptライブラリー「TweenMax.js」が便利!

    jQueryでもアニメーションはできるのですが、それよりも表現力豊…

  6. trycatch.jpg

    JavaScript

    JavaScriptでエラーが起っても固まらないように「try-catch」する

    HTML5とJavaScriptでこねこねしてWebアプリを作って…

最近の記事

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

アーカイブ

  1. 日常

    雨の日は編集で
  2. 留学

    ちょっとしみじみ
  3. ios dev3

    iOS

    iPhoneApp申請方法3:iTunes Connectへの申請登録
  4. cohiba_siglo1-3.jpg

    ライフスタイル

    「バースデー・シガー」という習慣
  5. 日常

    生活家電がマイブーム
PAGE TOP