JavaScriptはcssスタイルstyleの動的変更要素のスタイルを修正します.

2352 ワード

一、部分的にスタイルを変える
直接のスタイルを変えて、classNameを変えてcssTextを変えます.注意したいのは:
大文字と小文字に注意:
javascriptは大きさの書き込みに敏感で、classNameは「N」を「n」と書くことができません.cssTextも「T」を「t」と書くことができません.
呼び出し方法:
classis Nameを変えるなら、事前に様式表に種類を説明しておきますが、呼び出し時はstyleと一緒にしないでください.document.getElementById('obj').style.className="…」の書き方は間違いです.document.getElemenntById.className="と書くしかないです.
cssTextを変更する
しかしcssTextを使うなら、styleを加えなければなりません.正しい書き方は:document.getElement ById('obj').style.cssText="です.
直接のスタイルを変えるのはもちろんです.具体的な様式を書いてください.
 
  
document.getElementById('obj').style.backgroundColor=”#003366″
二、全体的にスタイルを変更する
通常の状況では、外部チェーンスタイルのhrefの値を変更することにより、ウェブページスタイルのリアルタイム切り替え、すなわち「テンプレートスタイルを変更する」ことができます.この時はまず、変化が必要な目標を与えるべきです.
コールは簡単です.
スタイルを変えます
新人についてはCSSの具体的な様式がjavascriptでどう書きますかを知らないことが多いです.floatがIEでstyle Floatと書くように、FIREFOXでcssFloatと書くと、みんなの蓄積が必要になります.googleで「cctvita javascript」を検索すると、あなたの疑惑に役に立つかもしれません.
基礎知識
一般的には、Webページでのスタイルシートの呼び出し方法は3つあります.
第一種類:外部様式表ファイル(Linking to a Style Sheet)にチェーンして挿入する.
外部様式表ファイル(.css)を作成して、HTMLのlinkオブジェクトを使用してもいいです.例は以下の通りです
 
  




XMLでは、以下のように声明エリアに参加してください.
 
  
< ? xml-stylesheet type="text/css" href="http://www.dhtmlet.com/dhtmlet.css" ?>
第二の種類:内部スタイルブロックオブジェクトを定義する(Embodding a Style Block)
あなたのHTMLドキュメントとマークの間に挿入できます.
ブロックオブジェクト定義方法は、スタイル表文法を参照してください.例は以下の通りです
 
  







ここでstyleオブジェクトのtype属性を「text/css」に設定します.このタイプのブラウザをサポートしないでスタイルシートを無視することができます.
第三種類:インライン・スタイル定義
インライン定義とは、オブジェクトのラベル内にオブジェクトを使用するスタイルスタイルの属性定義です.例は以下の通りです