css for xpath related to nth sibling under header element

Question

I'm trying to get css for below xpath

//*[@id="key-facts-heading"]/h4[1]/text()[2]

but couldn't understand what to do after #key-facts-heading

I don't understand why chrome console doesn't have css selector but it has xpath, is there another way to get css from chrome console directly ?

Note:

Earlier I was relying on https://cssify.appspot.com/ but this website is not more working with error "

Access to XMLHttpRequest ...from origin 'https://cssify.appspot.com' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

"

@DebanjanB please re-open this question as it's not same as one you marked as duplicate — vikramvi, Jun 08 '20 at 15:43
@vikramvi Can you update the question how your question _css for xpath containing text() method_ is different from the dup marked discussion? — undetected Selenium, Jun 08 '20 at 15:54

Wilfred Clement · Accepted Answer · 2020-06-08T15:46:50.147

1

Updated :

To get 2,43,078.87 Cr as the output,

// Target the element
WebElement element = driver.findElement(By.cssSelector("#key-facts-heading > h4:nth-of-type(1) > span"));
// Get the following text using a JS Executor
String text = (String)((JavascriptExecutor)driver).executeScript("return arguments[0].nextSibling.textContent.trim()", element);
System.out.println(text);

Note : 2,43,078.87 Cr is within <h4> and not <span>

edited Jun 08 '20 at 15:46

answered Jun 08 '20 at 10:52

Wilfred Clement

2,674
2
14
29

How would `/text()[2]` convert into `span:nth-of-type(2)`? Where did the **`span`** come from? – undetected Selenium Jun 08 '20 at 13:03
Please read my answer again and that should answer your question – Wilfred Clement Jun 08 '20 at 13:12
@WilfredClement I've added screenshot for the HTML, can you please have a look – vikramvi Jun 08 '20 at 14:20
@vikramvi: Updated the ans, please check – Wilfred Clement Jun 08 '20 at 15:04
@WilfredClement Thanks for quick help. – vikramvi Jun 08 '20 at 15:41

css for xpath related to nth sibling under header element

1 Answers1