javascript - 在 JavaScript 中更改 DOM 对象的 flex 属性

我的 DOM 中有一个非常简单的 div。我想使用 JavaScript 向这个 div 元素添加一个样式属性。

我的元素是这样选择的：

const firstBlock = document.getElementById('box1')

只是为了测试东西，我保持它超级简单，只是尝试了这个：

firstBlock.style.display= "flex : 4"

但这不会向链接到该元素的类添加任何内容...

知道如何非常简单地做到这一点吗？

我刚试过：

firstBlock.style.flexGrow= 6

它添加了 6 的 flex-grow 属性，但它在屏幕上不起作用......

标签： javascriptdomflexbox

更改属性样式的语法是 -

document.getElementById(id).style.property = new style

您正在尝试在其中设置“display：flex：4”。

而是尝试 - document.getElementById(id).style.flex = 4