Javascript document.getElementById中的左赋值无效

Javascript document.getElementById中的左赋值无效,javascript,Javascript,我收到一条错误消息(SyntaxError:赋值中的左侧无效),其中包含以下代码行: document.getElementById("wrapper").style.grid-template-rows = "1fr 300px repeat(2, 1fr)"; 您不能像这样键入要更改的网格模板行吗?是否有其他方法可以使用JavaScript更改网格模板行?更改属性名称 JS中CSS属性的名称略有不同。使用camelCase而不是连字符: document.getElementById(“包

我收到一条错误消息(SyntaxError:赋值中的左侧无效),其中包含以下代码行:

document.getElementById("wrapper").style.grid-template-rows = "1fr 300px repeat(2, 1fr)";

您不能像这样键入要更改的网格模板行吗?是否有其他方法可以使用JavaScript更改网格模板行?

更改属性名称

JS中CSS属性的名称略有不同。使用camelCase而不是连字符:

document.getElementById(“包装器”).style.gridTemplateRows=“50px”;

样式。网格模板行
无效,您不能使用
-
,JS正试图以这种方式进行计算。。。它可能是
…style.gridTemplateRows=…
JS中大多数看起来连字符的东西通常都被解析为camelcase。