I'm trying to click on the following element with the class name equals "clean right":
<li class="clean right"></li>
How could I locate it by using driver.find_element_by_class_name()
-
it must be 'clean.right'Janaaaa– Janaaaa2020-03-04 20:35:54 +00:00Commented Mar 4, 2020 at 20:35
-
1Have you tried anything, done any research?AMC– AMC2020-03-04 20:46:56 +00:00Commented Mar 4, 2020 at 20:46
-
1Does this answer your question? Selenium Compound class names not permittedAMC– AMC2020-03-04 20:47:49 +00:00Commented Mar 4, 2020 at 20:47
Add a comment
|
2 Answers
You can't pass multiple classnames as argument through find_element_by_class_name() and doing so you will face an error as:
invalid selector: Compound class names not permitted
There are multiple approaches to solve this usecase and you can use either of the following Locator Strategies:
If the element is uniquely identified only through the
classnamecleanyou can use:driver.find_element_by_class_name("clean")If the element is uniquely identified only through the
classnamerightyou can use:driver.find_element_by_class_name("right")If both the
classnames,cleanandrightare mandatory to identify the element, you can use css-selectors as follows:driver.find_element_by_css_selector("li.clean.right")As an alternative you can also use xpath as follows:
driver.find_element_by_xpath("//li[@class='clean right']")
tl; dr
Invalid selector: Compound class names not permitted error using Selenium
Reference
answered Mar 4, 2020 at 20:37
undetected Selenium
194k44 gold badges304 silver badges387 bronze badges
Comments
The previous answer is partially incorrect. please check the source code at :
You can use class_name for multiple classes , just need to replace space with '.'
Example for using class with space:
from selenium import webdriver
from time import sleep
options = webdriver.ChromeOptions()
#options.headless = True
options.add_argument("--window-size=1920,1080")
options.add_argument("--headless")
options.add_argument("--disable-gpu")
options.add_argument(
"user-agent=Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/87.0.4280.88 Safari/537.36")
browser = webdriver.Chrome(options=options)
browser.get("https://www.instagram.com")
sleep(5)
#browser.refresh()
elem=browser.find_element_by_class_name('RP4i1.UVauz')
print(elem.get_attribute("outerHTML"))
browser.get_screenshot_as_file(f"screenshot.png")
Output:
<img class="RP4i1 UVauz" src="/static/images/homepage/screenshot1.jpg/d6bf0c928b5a.jpg" alt="">
If you check the exception from the by_class_name:
You can see that it is using css_class locator under the hood ( You can see it add . in frontautomatically)
Another Working example:
from selenium import webdriver
import time
from selenium.webdriver.support import expected_conditions as EC
driver = webdriver.Chrome()
driver.get("https://stackoverflow.com/questions/65579491/find-element-by-class-name-in-selenium-giving-error/65579606?noredirect=1#comment115946541_65579606")
time.sleep(5)
elem = driver.find_element_by_class_name('overflow-x-auto.ml-auto.-secondary.grid.ai-center.list-reset.h100')
print(elem.get_attribute("outerHTML"))
19 Comments
undetected Selenium
I'm forced to downvote this answer as this answer is conceptually wrong. You are completely messing up the concept of locators.
PDHide
@DebanjanB could you explain why ?
PDHide
@DebanjanB in what level do you think the answer is wrong ?
PDHide
THe answer provides a working example also
PDHide
by_class_name just adds '.' infront of the locator provided so 'a' will be passed as .a and a.b will be passed as '.a.b'
|