Selenium Python – Get size of element
In this tutorial, you will learn how to get the size of an element, using Selenium in Python.
To get the size of an element, i.e., height and width of the element, in Selenium Python, locate the required element, and read the size attribute of the element object. The size attribute returns the height and width as a dictionary.
element.size
The return value is
{'height': somevalue, 'width': somevalue}
Example
In this example, we shall consider loading the HTML file at path https://pythonexamples.org/tmp/selenium/index-13.html . The contents of this HTML file is given below.
<html>
<body>
<h2>Hello User!</h2>
<div id="parent">
<div id="child1">This is child 1.</div>
<div id="child2">This is child 2.</div>
<div id="child3">This is child 3.</div>
</div>
</body>
</html>
Copy In the following program, we initialize a driver, load the specified URL, find the element with id="parent", and get its height and width using size property.
Python Program
from selenium import webdriver
from selenium.webdriver.chrome.service import Service as ChromeService
from webdriver_manager.chrome import ChromeDriverManager
from selenium.webdriver.common.by import By
# Setup chrome driver
driver = webdriver.Chrome(service=ChromeService(ChromeDriverManager().install()))
# Navigate to the url
driver.get('https://pythonexamples.org/tmp/selenium/index-13.html')
# Find an element by its ID
element = driver.find_element(By.ID, 'parent')
# Get element size
size = element.size
print(size)
# Close the driver
driver.quit()
CopyOutput
Summary
In this Python Selenium tutorial, we have given instructions on how to get the size of an element, with example programs.