I want to change the class name, but it doesn't work for me.
<div class="vcp-controls-panel vcp-playing hide">
FullXpath:
/html/body/div[1]/div/div/div/div[2]/div/div/div[1]/div[1]/div[1]/div/div[1]/div[3]/div/div[1]/div/div[1]/div[9]/div[4]
I want to change vcp-playing hide to vcp-playing show but it doesn't work
selects = driver.find_element_by_class_name("vcp-playing hide")
for select in selects:
driver.execute_script("arguments[0].setAttribute('class', 'vcp-playing show')", select)
As the existing element already have the classname attribute set:
<div class="vcp-controls-panel vcp-playing hide">
You can remove the existing attributes through removeAttribute() set the new attributes using setAttribute() as follows:
selects = driver.find_elements(By.CSS_SELECTOR, "div.vcp-controls-panel.vcp-playing.hide")
for select in selects:
driver.execute_script("arguments[0].removeAttribute('class')", select);
driver.execute_script("arguments[0].setAttribute('class','vcp-controls-panel vcp-playing show')", select)
Note : You have to add the following imports :
from selenium.webdriver.common.by import By
how about do it completely in javascript
driver.execute_script("""
selects = document.querySelectorAll('.vcp-playing.hide')
selects.forEach(e => e.setAttribute('class', 'vcp-playing show'))
""")