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?

Possible duplicate of http://stackoverflow.com/questions/1259585/get-element-at-specified-position-javascript — silex, Aug 09 '11 at 11:55
Another possible duplicate http://stackoverflow.com/questions/2174640/hit-testing-svg-shapes — Erik Dahlström, Aug 18 '11 at 14:12

score 9 · Accepted Answer · answered Aug 09 '11 at 12:01

9

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.

answered Aug 09 '11 at 12:01

James Allardice

thanks! but it seems returns only one element. right? I want to get every element take up in 10,10 any suggestion? do I have to use jquery as ShankarSangoli said? – kim taeyun Aug 09 '11 at 12:18
Ohh sorry I see... then yes I think jQuery will be your best bet. – James Allardice Aug 09 '11 at 12:34

score 1 · Answer 2 · answered Aug 09 '11 at 11:57

1

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

answered Aug 09 '11 at 11:57

ShankarSangoli

I see, my bad :). But it would help OP a lot if he starts using jquery. – ShankarSangoli Aug 09 '11 at 12:04
@Shankar - No need for jQuery in this case. See my answer. – James Allardice Aug 09 '11 at 12:10
1

thank you! but it seems doesn't works for line whose coordinate is not 10,10 but take up 10,10. any ideas? – kim taeyun Aug 09 '11 at 12:45
@kim - You want to find elements whose position is 10,10 right? Thats what it will give you. – ShankarSangoli Aug 09 '11 at 13:35
This method won't work if element is transformed by any means. Additionally, OP _probably_ wanted hit-testing, you're suggesting checking origin instead. – WGH Feb 02 '14 at 19:54

score -1 · Answer 3 · answered Aug 09 '11 at 11:57

-1

see this implementation

answered Aug 09 '11 at 11:57

sushil bharwani

3 Answers3