getElement by position?

Question

I am working on SVG script

there are getElementById or getElementsByTagName

but I can't find any method to get elements by position

such as get the elements whose position is x=10,y=10.

is there any way I can achieve this?

Answer 1

var yourElement = document.elementFromPoint(10, 10);

Here's a working example that changes the background colour of the element at the specified point.

Note that if the specified point is outside the visible area of the document, elementFromPoint will return null.

Answer 2

You can try this:

$("svg").find("[x='10'][y='10']");

It will give all the elements with svg which have x = 10 and y = 10.

Working demo