Python/ Selenium: Clicking an element without id or class attribute

Question

I'm trying to get a program to click a button using selenium.

I've tried many different find_elements_by...() and many different arguments, but I can't figure out which find_element_by*(). I need to use and what should be in the argument

Where is what I'm trying to click:

<article onclick="mainPrincipalPage.PerformCallback('Registro');">
    <div class="imageBox">
        <img src="../Images/iconRegistroHorario.svg">
    </div>
    <div class="titleBox">
        <span>Registro horario</span>
    </div>
</article>

What element are you trying to click here? – Prophet Nov 17 '21 at 13:37 — Prophet, Nov 17 '21 at 13:37

score 1 · Answer 1 · answered Nov 17 '21 at 15:12

To click on the Image Box within the <article> you can use either of the following Locator Strategies:

Using css_selector:

driver.find_element(By.CSS_SELECTOR, "article[onclick^='mainPrincipalPage']>div.imageBox>img").click()

Using xpath:

driver.find_element(By.XPATH, "//article[starts-with(@article, 'mainPrincipalPage')]/div[@class='imageBox']/img").click()

Ideally, to click on the element you need to induce WebDriverWait for the element_to_be_clickable() and you can use either of the following Locator Strategies:

Using CSS_SELECTOR:

WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.CSS_SELECTOR, "article[onclick^='mainPrincipalPage']>div.imageBox>img"))).click()

Using XPATH:

WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.XPATH, "//article[starts-with(@article, 'mainPrincipalPage')]/div[@class='imageBox']/img"))).click()

Note: You have to add the following imports :

from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.common.by import By
from selenium.webdriver.support import expected_conditions as EC

score 0 · Answer 2 · answered Nov 17 '21 at 14:01

In order to locate a web element you can use any unique combination of any element attribute values, not only id or CSS Selector.
For example to locate and click the article element you can use this XPath locator:

driver.find_element_by_xpath("//*[contains(@onlick,'mainPrincipalPage.PerformCallback(" + "Registro" + ")')]")

To click on span containing the Registro horario text you can simply use

driver.find_element_by_xpath("//span[text()='Registro horario']")

etc.

score 0 · Answer 3 · answered Nov 17 '21 at 14:16

You can use CSS Selector method to select an element without ID. All you need to do is seeing the HTML as a folder, with other folders inside. You need to find a tag that you can identify, then find your way to the desired element. This way, you can locate any element, even if another element with the same tag exist.

You can find every CSS selector here

By the way, you should use By method by importing it: from selenium.webdriver.common.by import By:

driver.find_element(By.CSS_SELECTOR, 'article[onclick="mainPrincipalPage.PerformCallback('Registro');"]').click

In your case, without By method, it should look like this:

driver.find_element_by_css_selector( 'article[onclick="mainPrincipalPage.PerformCallback('Registro');"]').click

score -1 · Answer 4 · answered Nov 17 '21 at 13:58

-1

try this

browser.find_element_by_xpath('just copy and paste the Xpath').click()

See this picture :

answered Nov 17 '21 at 13:58

Sebastian09

7
7

Python/ Selenium: Clicking an element without id or class attribute

4 Answers4