[解決済み] JavaScriptで要素のstyle属性を動的に変更する

質問

あるdivにあるスタイルシートが必要です。今、私はjsを使用して動的にdivの1つの属性を変更したい。

どうすればいいのでしょうか？

document.getElementById("xyz").style.padding-top = "10px";

これでよいのでしょうか？

どのように解決するのですか？

ほぼ正解です。

以来 - はjavascriptの演算子で、プロパティ名には使えないんです。もし、設定していたとしたら border などと設定していれば、コードはうまくいくでしょう。

しかしながら、あなたが覚えておく必要があるのは padding-top やハイフンでつながれた属性名について覚えておくべきことは、javascriptではハイフンを取り除き、次の文字を大文字にするということです。 paddingTop .

他にもいくつか例外があります。JavaScriptには予約語というものがあり、そのために float のように設定することはできません。その代わりに、いくつかのブラウザでは cssFloat を使用し、他のブラウザでは styleFloat . このような不一致があるため、ブラウザの非互換性を処理するjQueryのようなフレームワークを使用することをお勧めします。