JavaScript を使用して動的に作成された HTML 要素のスタイルを設定するにはどうすればよいですか?

JavaScript を使用した CSS プロパティの設定

JavaScript を使用して HTML 要素を動的に作成する場合、スタイルを設定するために CSS プロパティを設定する必要がある場合があります。これを実現する方法は次のとおりです。

要件:

document.createElement() を使用して、 などの HTML 要素を作成していること。 element.

解決策:

新しく作成された要素の CSS プロパティを設定するには、element.style プロパティを使用できます。例:

var menu = document.createElement('select');
menu.style.width = "100px";

このコードは

を作成します。

注:

必ず CSS プロパティ値を二重引用符で囲まれた文字列として設定してください。さらに、セミコロン ;.

で区切ることにより、複数の CSS プロパティを設定できます。

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