How to find an element using the attribute “class name” in Selenium?

Selenium Automation Testing Testing Tools

We can find an element using the attribute class name with Selenium webdriver using the locators - class name, css, or xpath. To identify the element with css, the expression should be tagname[class='value'] and the method to be used is By.cssSelector.

To identify the element with xpath, the expression should be //tagname[@class='value']. Then, we have to use the method By.xpath to locate it. To locate an element with a locator class name, we have to use the By.className method.

Let us look at the html code of an element with class attribute −

Syntax

WebElement e = driver. findElement(By.className("input"));
WebElement m = driver. findElement(By.xpath("//input[@class = 'input']"));
WebElement n = driver. findElement(By.cssSelector("input[class='input']"));

Example

import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.firefox.FirefoxDriver;
import java.util.concurrent.TimeUnit;
public class LocatorClsName{
   public static void main(String[] args) {
      System.setProperty("webdriver.gecko.driver", "C:\Users\ghs6kor\Desktop\Java\geckodriver.exe");
      WebDriver driver = new FirefoxDriver();
      //implicit wait
      driver.manage().timeouts().implicitlyWait(5, TimeUnit.SECONDS);
      //URL launch
      driver.get("https://www.tutorialspoint.com/videotutorials/subscription.php");
      // identify element with class
      WebElement n = driver.findElement(By.className("input"));
      n.sendKeys("JavaScript");
      //identify element with cssSelector
      WebElement n = driver.
      findElement(By.cssSelector("input[class='input']"));
      String str = n.getAttribute("value");
      System.out.println("Attribute value is : " + str);
      //identify element with xpath
      WebElement p = driver.
      findElement(By.xpath("//input[@class='input']"));
      p.clear();
      driver.close();
   }
}