ホームページ >ウェブフロントエンド >CSSチュートリアル >JavaScript を使用して要素のスタイル属性を動的に変更するにはどうすればよいですか?
JavaScript を使用した要素のスタイル属性の動的変更
問題: 特定の要素のスタイル属性を変更するにはどうすればよいですかJavaScript を使用していますか?たとえば、div の padding-top 属性を動的に変更する必要があります。
解決策:
提供されたコードは正しいです:
document.getElementById("xyz").style.padding-top = "10px";
このコードは、ID「xyz」を持つ要素を選択し、「padding-top」スタイル属性値を次のように設定します。 "10px."
追加メモ:
スタイル プロパティにダッシュ表記を使用することもできます:
document.getElementById("xyz").style["padding-top"] = "10px";
拡張スタイルライブラリ (Edit 2023):
より高度なスタイル用操作を行う場合は、元のレスポンダーによって開発された次のライブラリの使用を検討してください: [Github](https://github.com/username/library_name)
以上がJavaScript を使用して要素のスタイル属性を動的に変更するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。