获取X，Y坐标或滑块的位置？

Question

问题很简单： 因为它包含在滑块中，如何获取它的位置？

我也可以使用getBoundingClient吗？

您使用它来调用滑块吗？

.slider::-webkit-slider-thumb 

或

.slider::-moz-range-thumb

我想做这样的事情：

var mySliderHandleCursor = document.getElementById('THE_ID_OF_MY_SLIDER_CURSOR');
mySliderHandleCursor.getXposition();
mySliderHandleCursor.getYposition();

之所以这样问，是因为我想将突出显示的图像放在滑块光标的位置下方，如图所示：

所以我的计划是：

1. Get X of slider-cursor assign it to marker-image
2. Get Y of slider-cursor and assign it to marker-image +20px