如何编写相对路径表达式（XPath）以从以下屏幕截图中提取Card Details？

Question

This is the image from google chrome

Hi All,

I am trying to write the relative expression(XPath) to get the card details from the following website

https://www.fakenamegenerator.com/gen-random-us-us.php

I see that the card name keeps alternating between VISA and MasterCard,

I wanted to know if the following expression is possible

" //dl[dt/text()='MasterCard']/dd OR //dl[dt/text()='Visa']/dd "

Can I use OR operator to make the expression generic so that it will work for both the cases VISA or Master Card?

FYI this is for an Automation Anywhere project where I am practicing to enhance my skills in WEB Automations

Answer 1

You were close, but you cannot use the or operator like that. It is used when you want to have multiple predicate conditions. If you would like to have multiple possible node results (like in your example), you would use a pipe | operator

1. //dl[dt/text()='MasterCard']/dd | //dl[dt/text()='Visa']/dd
2. //dl[dt/text()='MasterCard' or dt/text()='Visa']/dd
3. //dl[dt[text()='MasterCard' or text()='Visa']]/dd

The first option says:
Get me a dd element that is a direct child of a dl element with a dt element with text 'MasterCard'
OR
a dd element that is a direct child of a dl element with a dt element with text 'Visa'.

The second option says:
Get me a dd element that is a direct child of a dl element with a dt element with text 'MasterCard' OR 'Visa'.

The third option is just a slightly more compact version of the second one.

So while both options will give you the same results (in this case), the performance may be very different. Using the pipe operator basically means that you are doing multiple searches rather than a single complex one.