有没有办法使用javascript来检测元素在CSS网格中的哪一列和哪一行？

// 获取要检测的元素的引用
const element = document.getElementById('myElement');

// 获取元素的计算样式
const styles = window.getComputedStyle(element);

// 获取元素所在的列起始和结束位置
const gridColumnStart = parseInt(styles.gridColumnStart);
const gridColumnEnd = parseInt(styles.gridColumnEnd);

// 获取元素所在的行起始和结束位置
const gridRowStart = parseInt(styles.gridRowStart);
const gridRowEnd = parseInt(styles.gridRowEnd);

// 输出结果
console.log(`元素在CSS网格中的列范围：${gridColumnStart} - ${gridColumnEnd}`);
console.log(`元素在CSS网格中的行范围：${gridRowStart} - ${gridRowEnd}`);