如何動態select flex的屬性設置值？

Question

object.style.flex-direction="column";

我試圖在 JavaScript function 中實現這一點，但我不知道是否可以用變量名替換屬性名。

我可以在上面的表達式中使用變量名而不是屬性名嗎，即

object.style.applyFlexProp = "column";

運行時將在哪里分配applyFlexProp ？ 它可以是flex-direction 、 justify-content 、 align-content等。

Answer 1

替換object.style.flex-direction="column"; 與object.style.flexDirection="column";

使用 JavaScript 時，將 CSS some-thing替換為 camelcase someThing 。

這是因為-不是有效的標識符字符。

要動態應用密鑰，請使用[]表示法。 object.style["flexDirection"] = "column" ;