Warning: Parameter 1 to multibyte_patch::wplink_js() expected to be a reference, value given in /home/voidgraphics/www/crunchlog/wp-includes/plugin.php on line 579

Warning: Parameter 1 to wp_default_scripts() expected to be a reference, value given in /home/voidgraphics/www/crunchlog/wp-includes/plugin.php on line 579
CSSのプロパティをJavaScriptで指定する | Crunchlog
Warning: Parameter 1 to wp_default_styles() expected to be a reference, value given in /home/voidgraphics/www/crunchlog/wp-includes/plugin.php on line 579

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. scope.jpg

    JavaScript

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

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

  2. getElementById

    JavaScript

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

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

  3. tweenmax_js_oncomplete.jpg

    JavaScript

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

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

  4. oncomplete_function.jpg

    JavaScript

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

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

  5. obj_clear.jpg

    JavaScript

    配列に入れた無名オブジェクトの値をクリアする

    オブジェクトの値を配列にいれて管理することってけっこうあります。…

  6. tweenmax_license01.jpg

    JavaScript

    「TweenMax.js」をビジネス利用のためのライセンス購入方法

    いつもJavaScriptのアニメーション部分でお世話になってる「…

最近の記事

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

アーカイブ

  1. 日常

    because High-Concentration
  2. 2012end.jpg

    日常

    個人的今年3大ニュース
  3. odangopan-1.jpg

    読書

    【絵本】シュールな展開に心を掴まれていた『おだんごぱん』
  4. legocufflinks

    LEGO

    レゴのミニフィグ・カフスボタン
  5. 日常

    振り返り2011
PAGE TOP