使用JavaScript访问隐式的cssgrid行

Question

我正在使用CSS网格。我正在从后端加载对象数组。

 const items = [
   { id: 1, text: 'test1'},
   { id: 2, text: 'test2'}
 ];

我必须在div（平铺）上将每个项目的文本显示为cssgrid项目。 由于项目数量是动态的，因此我在容器上使用了这些CSS规则。

  display: grid;
  grid-gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
  grid-auto-rows: 20rem;

因此它将创建隐式行，从而在使用devtools时使空单元格可用并可见。我希望能够访问那些隐式行，循环并使用一些CSS创建空div。但是这是我的问题，我找不到用javascript访问那些隐式行的方法 我尝试了getComputedStyle。 有什么想法吗？