Web element not detected within Span Tag

Question

Within my HTML, I have the following:

<span class="login-link">Log in</span>

The code snippet I am using is:

driver.findElement(By.cssSelector("#login > span")).click();

I have tried utilizing xPath, cssSelector, and id, but none of them seem to be working.

Would you be able to provide some assistance?

Answer 1

Answer №1

This xpath will help you locate the element:

driver.findElement(By.xpath("//span[text()='Log in']")).click();

Answer 2

This xpath will help you locate the element:

driver.findElement(By.xpath("//span[text()='Log in']")).click();

Answer 3

To choose your element, you can also utilize the class selector method.

Give this a shot:

driver.findElement(By.cssSelector(".login-link")).click();

In CSS and JavaScript, the hash (#) is employed for referencing an id. To directly target the element, use a dot (.).

Answer 4

To choose your element, you can also utilize the class selector method.

Give this a shot:

driver.findElement(By.cssSelector(".login-link")).click();

In CSS and JavaScript, the hash (#) is employed for referencing an id. To directly target the element, use a dot (.).

Answer 5

Based on the HTML shared and your code attempt, you have two options to locate the <span> tag:

cssSelector :

driver.findElement(By.cssSelector("#login > span.login-link")).click();

xpath :

driver.findElement(By.xpath("span[@class='login-link' and contains(.,'Log in')]")).click();

Answer 6

Based on the HTML shared and your code attempt, you have two options to locate the <span> tag:

cssSelector :

driver.findElement(By.cssSelector("#login > span.login-link")).click();

xpath :

driver.findElement(By.xpath("span[@class='login-link' and contains(.,'Log in')]")).click();