Javascript 如何获取div网格中元素的行和列

Javascript 如何获取div网格中元素的行和列,javascript,Javascript,我正在寻找某种方法来获取网格中元素的行和列。我有单独的单元格元素本身,我想找到它的行和列。网格由多行div组成,多行div包含div本身。请参阅以下代码: var gridCols=60,gridRows=20; var startRow=10,startCol=20,stopRow=10,stopCol=40; 函数getCell(行、列) { return document.querySelector(“.row:nth child(“+(row+1)+”);gridsquare:nth

我正在寻找某种方法来获取网格中元素的行和列。我有单独的单元格元素本身,我想找到它的行和列。网格由多行div组成,多行div包含div本身。请参阅以下代码:

var gridCols=60,gridRows=20;
var startRow=10,startCol=20,stopRow=10,stopCol=40;
函数getCell(行、列)
{
return document.querySelector(“.row:nth child(“+(row+1)+”);gridsquare:nth child(“+(col+1)+”);
}
函数genDivs(行、列)
{ 
var e=document.getElementById(“gridContainer”);
对于(var r=0;r

添加时,保存行号和列号:

cell.dataset.row = r;
cell.dataset.col = c;
如果您有单元格,请按如下方式检索参数:

r = cell.dataset.row;
c = cell.dataset.col;
要访问单元格,可以使用
querySelector

document.querySelector(`[data-row='${row}'][data-col='${col}']`);
var gridCols=60,
网格=20;
var startRow=10,
startCol=20,
stopRow=10,
stopCol=40;
函数getCell(行、列){
return document.querySelector(`[data row='${row}'][data col='${col}']`);
}
函数genDivs(行、列){
var e=document.getElementById(“gridContainer”);
对于(var r=0;r

我不明白,我需要在上面的网格中选择一些随机单元格,我想知道它的行和列。如果我还不知道行和列,我应该如何保存它并在以后检索?更新了answervar cell=getCell(10,10);log(cell.dataset.row,cell.dataset.col);我尝试了上面的方法,得到了两个未定义的对象