如何获取 javascript 中元素的背景 div

Question

If a div(handler) is positioned on a top a div(grid cells) then how can we get our div's background div(grid cell)

<div class='range-handler'>
  <div class='left-top-handler'></div>
  <div class='right-bottom-handler'></div>
</div>

Answer 1

I think that if you want to get div's background div, you must use javascript.

Using document.querySelector to get the target. And then, you can use target.parentElement to get its parent dom, or use target.children to get all his children.

Answer 2

Alternate for that is you can get element by screen coordinates,

const touch = event.changedTouches[ 0 ];
document.elementFromPoint( touch.clientX, touch.clientY )