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

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();
   }
}

Output

Debomita Bhattacharjee

Published on 06-Apr-2021 07:52:34

• Related Questions & Answers
• How to find an element using the attribute “name” in Selenium?
• How to find an element using the attribute “HTML tag name” in Selenium?
• How to find an element using the attribute “id” in Selenium?
• How to find an element using the “XPath” in Selenium?
• How to find an element using the “CSS Selector” in Selenium?
• How to find an element using the “Link Text/Partial Link Text” in Selenium?
• How to set “value” to input web element using selenium?
• How to verify an attribute is present in an element using Selenium WebDriver?
• How to avoid “StaleElementReferenceException” in Selenium?
• How to get css class name using Selenium?
• Find the MongoDB collection size for name “Chris”
• How to extract the attribute value of an element in Selenium?
• How to enable the “disabled” attribute using jQuery on button click?
• Should I name the username field in my MySQL table “name” or “user_name”?
• How to use selenium to check if element contains specific class attribute?