使用Javascript获取相对于父元素（不是窗口）的位置的子元素

Question

考虑以下html：

<div id="p"><span>1</span><span>2</span><span>3</span><span>4</span></div>

我需要一个javascript函数getElementByPos(element, x, y)，它根据相对于容器的位置（x和y）返回对子元素（span）的引用（<div id="p">）

例如，getElementByPos(p, 0, 0).innerText应返回"1" 并且getElementByPos(p, 10, 0).innerText应该返回"2"

函数document.elementFromPoint(x, y)不适合我的需要，因为当容器不可见时（例如，滚动页面时）它不起作用。