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. 20120826222152

    JavaScript

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

    テキストボックスに入力された値を取得します。Elementオブジ…

  2. js_global.jpg

    JavaScript

    JavaScriptでグローバル変数を減らす方法

    グローバル変数はいいことない!もしかしたら使っているライブラリー…

  3. tweenmax_js_oncomplete.jpg

    JavaScript

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

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

  4. scope.jpg

    JavaScript

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

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

  5. style_backgroundImage.jpg

    JavaScript

    背景画像をJavaScriptで入れ替える2種類の方法

    ものごとには「正解」というものがひとつではない、ってことが多いもん…

  6. css_sprite.jpg

最近の記事

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

アーカイブ

  1. 日常

    校正で眼が・・・
  2. 日常

    基本はコレでしょ
  3. 日常

    オオヅメ
  4. 水引と風呂敷の包み方のデザインが美しい引き出物「祝づつみ」

    グルメ

    水引と風呂敷の包み方のデザインが美しい引き出物「祝づつみ」
  5. 日常

    岐阜へ
PAGE TOP