Extracting text from svg using python and selenium

Question

enter image description here

i came up with this xpath:-"//[local-name()='text' and @style='text-anchor: middle; fill: rgb(0, 32, 96); font-family: Calibri; font-size: 40px; white-space: pre;']/[local-name()='title']"

which gives me 3 element that i need t extract but couldn't get more unique then this. Can someone help.

Thanks

You should share raw HTML comment rather than sharing image. And also highlight which 3 elements it’s is returning. meta.stackoverflow.com/questions/285551/… — rahul rai
– rahul rai, Commented Sep 7, 2020 at 5:38
its hard to share the whole source i can share the 3 elemnts i get — Rahim
– Rahim, Commented Sep 7, 2020 at 5:59
At least you can share HTML you have shared in image in text format. Also share HTML of other two elements identified. — rahul rai
– rahul rai, Commented Sep 7, 2020 at 6:32

DRVaya · Accepted Answer · 2020-09-07 07:24:52Z

1

If at all you are trying to find only these 3 elements/amount fields, I would suggest you can try the following CSS Selectors, should work.

svg[class='card'][aria-label*='PaymentReceived'] title


svg[class='card'][aria-label*='Change%'] title


svg[class='card'][aria-label*='ChangeFromPrevious'] title

answered Sep 7, 2020 at 7:24

DRVaya

4434 silver badges13 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

DRVaya Over a year ago

Your Xpath - //[local-name()='text' and @style='text-anchor: middle; fill: rgb(0, 32, 96); font-family: Calibri; font-size: 40px; white-space: pre;']/[local-name()='title'] seems to be quite fragile and its very likely that there can be a placeholder element that's returning you the 3 elements but they would not be populated. In that case, choosing the label can be preferred as it might as well be the element that you need data from and would be populated.

itronic1990 · Accepted Answer · 2021-06-16 13:29:43Z

0

Screen from console in browser

Try to use:

var element = document.querySelectorAll('svg>title')
element[9].textContent

in selenide with Java I use it like this:

element.getAttribute("textContent").contains("your text")

edited Jun 16, 2021 at 13:29

itronic1990

1,4412 gold badges7 silver badges19 bronze badges

answered Jun 16, 2021 at 9:21

Nikasan

11 bronze badge

Collectives™ on Stack Overflow

Extracting text from svg using python and selenium

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related