1. スタイルの部分変更
は、直接スタイルの変更、classNameの変更、cssTextの変更の3種類に分かれます。注意する必要があるのは次のとおりです:
大文字の使用に注意してください:
JavaScript は大文字の使用に非常に敏感です。ClassName は "N" を "n" として書くことはできません。また、cssText は "T" を "t" として書くことはできません。効果は実装できません。
メソッドの呼び出し:
className を変更する場合は、事前にスタイル シートでクラスを宣言しますが、呼び出し時にスタイルに従わないようにします (document.getElementById('obj').style.className=”…” 誤り) ！ document.getElementById('obj').className="..."
Change cssText
ただし、cssText を使用する場合、正しい書き方は次のとおりです。 document.getElementById('obj') .style.cssText=”…”
直接スタイルの変更について話す必要はありません。
document.getElementById('obj').style.backgroundColor= ''#003366''
2. スタイルをグローバルに変更します
通常、外部リンク スタイルの href 値を変更することで、Web ページのスタイルをリアルタイムに切り替えることができます。テンプレートのスタイルを変更する」。このとき、まず、変更する必要があるターゲットに
呼び出しは非常に単純です。
クリックしてスタイルを変更してください 初心者は JavaScript で特定の CSS スタイルを記述する方法がわからないことが多く、ブラウザによって要件が異なる場合があります。たとえば、Float は IE では styleFloat、FIREFOX では cssFloat と書きますが、これには全員の蓄積が必要です。 Google で「ccvita javascript」を検索すると、疑問が解決するかもしれません。
基礎知識
Web ページでスタイルシートを呼び出す方法は通常 3 つあります。
最初の方法: 外部スタイル シート ファイルへのリンク (スタイル シートへのリンク)
最初に外部スタイル シート ファイル (.css) を作成してから、HTML リンク オブジェクトを使用できます。例は次のとおりです。
<ドキュメントのタイトル
🎜>
XML では、次の例に示すように宣言領域に追加する必要があります:
< xml-stylesheet type="text/css" href="http:/ /www.dhtmlet.com/dhtmlet.css " ?>
2 番目: 内部スタイル ブロック オブジェクトを定義します (スタイル ブロックの埋め込み)
間に
Block オブジェクト。 定義方法については、スタイルシートの構文を参照してください。例は次のとおりです。
