Information about web elements

What you can learn about an element.

There are a number of details you can query about a specific element.

Is Displayed

This method is used to check if the connected Element is displayed on a webpage. Returns a Boolean value, True if the connected element is displayed in the current browsing context else returns false.

This functionality is mentioned in, but not defined by the w3c specification due to the impossibility of covering all potential conditions. As such, Selenium cannot expect drivers to implement this functionality directly, and now relies on executing a large JavaScript function directly. This function makes many approximations about an element’s nature and relationship in the tree to return a value.

 driver.get("https://www.selenium.dev/selenium/web/inputs.html");   // isDisplayed   // Get boolean value for is element display  boolean isEmailVisible = driver.findElement(By.name("email_input")).isDisplayed();
 driver.get("https://www.selenium.dev/selenium/web/inputs.html")   # isDisplayed  is_email_visible = driver.find_element(By.NAME, "email_input").is_displayed()
 // Navigate to Url  driver.Url= "https://www.selenium.dev/selenium/web/inputs.html";  // isDisplayed   // Get boolean value for is element display  bool isEmailVisible = driver.FindElement(By.Name("email_input")).Displayed;
 displayed_value = driver.find_element(name: 'email_input').displayed?
 // Resolves Promise and returns boolean value  let result = await driver.findElement(By.name("email_input")).isDisplayed();
 //navigates to url  driver.get("https://www.selenium.dev/selenium/web/inputs.html")   //returns true if element is displayed else returns false  val flag = driver.findElement(By.name("email_input")).isDisplayed()

Is Enabled

This method is used to check if the connected Element is enabled or disabled on a webpage. Returns a boolean value, True if the connected element is enabled in the current browsing context else returns false.

 // isEnabled  // returns true if element is enabled else returns false  boolean isEnabledButton = driver.findElement(By.name("button_input")).isEnabled();
 is_enabled_button = driver.find_element(By.NAME, "button_input").is_enabled()
 // isEnabled  // returns true if element is enabled else returns false  bool isEnabledButton = driver.FindElement(By.Name("button_input")).Enabled;
 enabled_value = driver.find_element(name: 'email_input').enabled?
 // Resolves Promise and returns boolean value  let element = await driver.findElement(By.name("button_input")).isEnabled();
 //navigates to url  driver.get("https://www.selenium.dev/selenium/web/inputs.html")   //returns true if element is enabled else returns false  val attr = driver.findElement(By.name("button_input")).isEnabled()

Is Selected

This method determines if the referenced Element is Selected or not. This method is widely used on Check boxes, radio buttons, input elements, and option elements.

Returns a boolean value, True if referenced element is selected in the current browsing context else returns false.

 // isSelected  // returns true if element is checked else returns false  boolean isSelectedCheck = driver.findElement(By.name("checkbox_input")).isSelected();
 is_selected_check = driver.find_element(By.NAME, "checkbox_input").is_selected()
 // isSelected  // returns true if element is checked else returns false  bool isSelectedCheck = driver.FindElement(By.Name("checkbox_input")).Selected;
 selected_value = driver.find_element(name: 'email_input').selected?
 // Returns true if element ins checked else returns false  let isSelected = await driver.findElement(By.name("checkbox_input")).isSelected();
 //navigates to url  driver.get("https://www.selenium.dev/selenium/web/inputs.html")   //returns true if element is checked else returns false  val attr = driver.findElement(By.name("checkbox_input")).isSelected()

Tag Name

It is used to fetch the TagName of the referenced Element which has the focus in the current browsing context.

 // TagName  // returns TagName of the element  String tagNameInp = driver.findElement(By.name("email_input")).getTagName();
 tag_name_inp = driver.find_element(By.NAME, "email_input").tag_name
 // TagName  // returns TagName of the element  string tagNameInp = driver.FindElement(By.Name("email_input")).TagName;
 tag_name = driver.find_element(name: 'email_input').tag_name
 // Returns TagName of the element  let value = await driver.findElement(By.name('email_input')).getTagName();
 //navigates to url  driver.get("https://www.selenium.dev/selenium/web/inputs.html")   //returns TagName of the element  val attr = driver.findElement(By.name("email_input")).getTagName()

Size and Position

It is used to fetch the dimensions and coordinates of the referenced element.

The fetched data body contain the following details:

  • X-axis position from the top-left corner of the element
  • y-axis position from the top-left corner of the element
  • Height of the element
  • Width of the element
 // GetRect  // Returns height, width, x and y coordinates referenced element  Rectangle res = driver.findElement(By.name("range_input")).getRect();
 rect = driver.find_element(By.NAME, "range_input").rect
 // Get Location and Size  // Get Location  IWebElement rangeElement = driver.FindElement(By.Name("range_input"));  Point point = rangeElement.Location;
 size = driver.find_element(name: 'email_input').size
 let object = await driver.findElement(By.name('range_input')).getRect();
// Navigate to url driver.get("https://www.selenium.dev/selenium/web/inputs.html")  // Returns height, width, x and y coordinates referenced element val res = driver.findElement(By.name("range_input")).rect  // Rectangle class provides getX,getY, getWidth, getHeight methods println(res.getX())

Get CSS Value

Retrieves the value of specified computed style property of an element in the current browsing context.

 // Retrieves the computed style property 'font-size' of field  String cssValue = driver.findElement(By.name("color_input")).getCssValue("font-size");
 css_value = driver.find_element(By.NAME, "color_input").value_of_css_property(  "font-size"  )
 // Retrieves the computed style property 'font-size' of field  string cssValue = driver.FindElement(By.Name("color_input")).GetCssValue("font-size");
 css_value = driver.find_element(name: 'email_input').css_value('background-color')
 await driver.get('https://www.selenium.dev/selenium/web/colorPage.html');  // Returns background color of the element  let value = await driver.findElement(By.id('namedColor')).getCssValue('background-color');
// Navigate to Url driver.get("https://www.selenium.dev/selenium/web/colorPage.html")  // Retrieves the computed style property 'color' of linktext val cssValue = driver.findElement(By.id("namedColor")).getCssValue("background-color")

Text Content

Retrieves the rendered text of the specified element.

 // GetText  // Retrieves the text of the element  String text = driver.findElement(By.tagName("h1")).getText();
 text = driver.find_element(By.TAG_NAME, "h1").text
 // GetText  // Retrieves the text of the element  string text = driver.FindElement(By.TagName("h1")).Text;
 text = driver.find_element(xpath: '//h1').text
 await driver.get('https://www.selenium.dev/selenium/web/linked_image.html');  // Returns text of the element  let text = await driver.findElement(By.id('justanotherLink')).getText();
// Navigate to URL driver.get("https://www.selenium.dev/selenium/web/linked_image.html")  // retrieves the text of the element val text = driver.findElement(By.id("justanotherlink")).getText()

Fetching Attributes or Properties

Fetches the run time value associated with a DOM attribute. It returns the data associated with the DOM attribute or property of the element.

 // FetchAttributes  // identify the email text box  WebElement emailTxt = driver.findElement(By.name(("email_input")));  // fetch the value property associated with the textbox  String valueInfo = emailTxt.getAttribute("value");
 # FetchAttributes  email_txt = driver.find_element(By.NAME, "email_input")  value_info = email_txt.get_attribute("value")
 // FetchAttributes  // identify the email text box  IWebElement emailTxt = driver.FindElement(By.Name("email_input"));  // fetch the value property associated with the textbox  string valueInfo = emailTxt.GetAttribute("value");
 attribute_value = driver.find_element(name: 'number_input').attribute('value')
 // identify the email text box  const emailElement = await driver.findElement(By.xpath('//input[@name="email_input"]'));   //fetch the attribute "name" associated with the textbox  const nameAttribute = await emailElement.getAttribute("name");
// Navigate to URL driver.get("https://www.selenium.dev/selenium/web/inputs.html")  //fetch the value property associated with the textbox val attr = driver.findElement(By.name("email_input")).getAttribute("value")
Last modified March 11, 2025: [donet]: clean code and line number for info (#2214)[deploy site] (067b882057d)