Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
3.4k views
in Technique[技术] by (71.8m points)

Gird布局,如果通过js获取一个子节点相邻位置的节点?

比如像下面的Grid布局,js获取到了一个节点,那么怎么通过该节点获取相邻位置(上、下、左、右)的节点?
image.png


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Answer

0 votes
by (71.8m points)

如果单纯是这种标准的格子布局,每个子元素所占大小都相同,那上下左右的元素根据一定的算法很容易就可以通过下标来获得(同时注意边界值即可)。

然而一旦考虑到子元素中如果有部分元素的列宽或者行高不一样,父元素再叠加使用 grid-auto-flow: dense(该关键字指定自动布局算法使用一种“稠密”堆积算法)的话,那这种布局就没有统一的方法来获取上下左右的Dom,还是要具体情景具体分析。


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...