Skip to content
Advertisement

Get CSS path from Dom element

I got this function to get a cssPath :

JavaScript

But i got something like this :

html > body > div#div-id > div.site > div.clearfix > ul.choices > li

But to be totally right, it should look like this :

html > body > div#div-id > div.site:nth-child(1) > div.clearfix > ul.choices > li:nth-child(5)

Did someone have any idea to implement it simply in javascript ?

Advertisement

Answer

To always get the right element, you will need to use :nth-child() or :nth-of-type() for selectors that do not uniquely identify an element. So try this:

JavaScript

You could add a routine to check for unique elements in their corresponding context (like TITLE, BASE, CAPTION, etc.).

User contributions licensed under: CC BY-SA
7 People found this is helpful
Advertisement