JavaScript の CSS プロパティを使用して HTML 要素の背景色を設定する
JavaScript で HTML 要素をカスタマイズする場合、CSS プロパティを効果的に操作することが不可欠です。背景色の設定は、そのような一般的な要件の 1 つです。
JavaScript 構文
JavaScript で CSS プロパティを使用して HTML 要素の背景色を設定するには、ダッシュを次から変換します。 CSS プロパティをキャメルケースに変更します。たとえば、「background-color」は「backgroundColor」になります。
例
次のコードを考えてみましょう。
function setColor(element, color) { element.style.backgroundColor = color; } // where el is the concerned element var el = document.getElementById('elementId'); setColor(el, 'green');
この例では、 「setColor」関数は要素と色をパラメータとして受け取ります。指定された要素 (「el」) の背景色を緑に設定します。
説明
注:
このメソッドは、どの CSS プロパティでも機能します。 CSS プロパティ名をキャメルケースに変換し、「スタイル」オブジェクトの JavaScript プロパティとして使用するだけです。
以上がJavaScript で CSS プロパティを使用して HTML 要素の背景色を設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。