有没有办法在 css 网格中选择项目，例如“网格列”并使用 javascript DOM 更改样式？

Question

我想选择一个网格项并定位我 CSS 中的

grid-column

样式。我想使用 javascript 主动更改它，但我不知道如何使用 DOM 选择它。

我想我可以使用类似的东西

document.querySelector('.className').style.grid-column = '1 / 2';

但这没有用。

Answer 1

如这里所解释的那样，你可以尝试这样的事情：

document.querySelector('.className[style*="grid-column: 1 / 2"]');

然而，这是一个脆弱的解决方案。