Javascriptに基づいてCSSを変更しますか？

私はJavaScriptのCSS要素をどのように変更するのですか？ユーザーがボタンをクリックして背景を白から黒に変更した場合Javascriptに基づいてCSSを変更しますか？

2011-02-04 Skizit

重複：http://stackoverflow.com/questions/195951/change-an -elements-css-class-with-javascript – Mikhail

すべてのDOM要素にはstyle属性があり、その属性をstyle属性と同じようにそのオブジェクトのCSSプロパティを操作できます。

以下は、本文の色を切り替えますが、他のHTML要素にも同様に適用されます。

<button onclick="document.body.style.background = (toggle = !toggle) ? 'black' : 'white'">Toggle Background</button>

The BuzzSawが指摘するように、ケースをラクダにする必要があります。したがってJSプロパティはbackground-colorの代わりにbackgroundColorです。ルールは基本的に

var javascriptProperty = cssStyleProperty.replace(
    /-([a-z])/g, 
    function (_, followingLetter) { return followingLetter.toUpperCase(); });

であるが、いくつかの例外があります。floatは多くの言語でのキーワードであるため、CSSスタイルプロパティがcssFloatです。例外は、W3SchoolsのページではJavaScriptシンタックスの下に説明されている：http://www.w3schools.com/css/pr_class_float.asp

JavaScriptシンタックス：オブジェクト.style.cssFloat="left"

出典

2011-02-04 17:43:27

JavaScriptから直接操作できる多くのプロパティ/属性があります。あなたは彼らの名前を知る必要があります。通常は、CSSのプロパティ名に相当する異様なラクダのケースです。クイックGoogle検索では、これについて学ぶ場所がたくさんあります。 http://api.jquery.com/css/

出典

2011-02-04 17:29:54 TheBuzzSaw

負荷新しいイメージ、特にこの、jQueryのを見て枠組みにとらわれないスクリプト：

http://jsfiddle.net/chprpipr/kWRRN/1/

出典

2011-02-04 17:30:00

これは簡単な方法ですが、プログラミングの観点から属性を取得する:) –

あなたはフレームワークを使用して気にしない場合は、ボタンのクリックイベントに黒い色で

http://www.comptechdoc.org/independent/web/cgi/javamanual/javastyle.html

出典

2011-02-04 17:30:01 o1iver