如何动态选择flex的属性来设置值？

Question

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

我试图在 JavaScript 函数中实现这一点，但我不知道是否可以用变量名替换属性名。

我可以在上面的表达式中使用变量名而不是属性名吗，即

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-thingcamelcase someThing。这是因为-不是有效的标识符字符。要动态应用密钥，请使用[]符号。 object.style["flexDirection"] = "column";