Javascript 有没有办法直接访问CSS网格中自动放置元素的实际网格坐标？

还有人问了一个类似的问题，但只有当页面上的每个元素都是自动放置的并且只占用一列时，答案才起作用

我有一个12列的网格布局，其中前三行全部由一个元素占据，该元素跨越所有12列；然后我有三行自动放置的元素，每个元素占据六列

虽然我可以根据前面的答案进行计算，但认为元素的计算位置没有存储在Javascript可以访问的任何地方似乎有些荒谬

---

如果我访问与网格相关的计算CSS属性，我只会得到“auto”和“span 6”，而不是实际计算的行开始数或行结束数。是否真的无法访问网格行和网格列的计算值？

是否有某种原因

元素。getBoundingClientRect（）

不执行此任务@RandyCasburn我的理解是，它以像素为单位返回值，而我希望以行和列为单位返回值。在这种情况下，我的目标是确定在单击时单击的元素所在的行，这样我就可以在不更改行的情况下调整其大小。请原谅这里的混淆，但网格行和网格列是确定的。您定义了它们：12列3行，6列1行。这些不会改变。无论视口大小如何，1fr、2fr和3fr都是一致的测量值。因此，由于所有这些列/行定义都是固定的，因此唯一需要更改的是每个块级元素的像素度量。无论大小如何，6列1行元素始终是6列1行元素。帮助我变得不被使用。啊，对不起，我不清楚——我已经定义了网格的大小，但没有定义网格中所有元素的位置。元素总是6列、1行，但它们所在的行（以及它们开始所在的列）不是由我显式指定的。我想知道自动布局算法将它们分配给了哪一行。返回并重新阅读规范。您的用例似乎没有非计算性的解决方案。