javascript - DOM div に複数のスタイルを追加する方法

Question

DOM を使用して複数のスタイル属性を追加しようとしていますsetAttributeが、機能しません。JavaScript を使用してどのように行うことができますか?

 var modificar = document.getElementById('opciones');
 modificar.setAttribute('style','float:left');
 modificar.setAttribute('style','margin:0px');

Answer 1

要素でstyleオブジェクトを使用します。

modificar.style.cssFloat = "left";
modificar.style.margin = "0px";

cssFloat(JavaScript からではなく、であることに注意してくださいfloat。これfloatは、ECMAScript 仕様第 3 版 [ES5 では廃止] では「将来の予約語」であり、リテラル表記でプロパティ名を記述するときに予約語を使用できないためです。 . そのため、スタイル オブジェクトを定義するcssFloatときに、競合があったときのように名前を選択しました。)

ダッシュが含まれるプロパティについては、代わりにキャメルケースを使用します。

modificar.style.backgroundColor = "#eee";