JavaScript で作成された `` 要素の CSS プロパティを動的に設定するにはどうすればよいですか?

JavaScript で CSS プロパティを設定する方法

JavaScript で DOM を操作する場合、多くの場合、要素の CSS プロパティを操作する必要があります。これには、幅、高さ、色などの属性の設定が含まれます。

質問:

を作成したとします。 document.createElement('select') を使用して要素を動的に作成します。 JavaScript を使用して、width: 100px などの CSS 属性を設定するにはどうすればよいですか?

回答:

JavaScript で CSS プロパティを設定するには、次の style プロパティを使用できます。要素。あなたのケースでそれを行う方法は次のとおりです。

<code class="javascript">var menu = document.createElement('select');
menu.style.width = "100px";</code>

これにより、

の幅が動的に設定されます。 JavaScript を使用して要素を 100 ピクセルに変更します。この方法で、高さ、背景色、フォント サイズなど、サポートされている CSS プロパティを適用できます。

style プロパティは、個々のスタイルやスタイルを操作できる CSSStyleDeclaration オブジェクトであることに注意してください。現在の値を取得します。また、オブジェクトを渡すことで複数のスタイルを一度に設定するために使用することもできます:

<code class="javascript">menu.style = {
  width: "100px",
  height: "200px",
  backgroundColor: "blue",
};</code>

以上がJavaScript で作成された `` 要素の CSS プロパティを動的に設定するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。