通过 CSS 选择器或 ZB6454D498635710A18Z184CEA 找到具有 JavaScript 的 web 元素

Question

While creating Selenium automation tests sometimes we need to retrieve a web element with JavaScript, not with Selenium driver.findElement .
So, I know we can do something like

javaScript = "document.getElementsByClassName('myClassName')[0].click();"
driver.execute_script(javaScript)

I see we can locate elements in this way ByClassName , ByName , ByTagName and BytagNameNS but in most cases element can be uniquely located with CSS Selector or XPath only while I couldn't see such way in documentations andtutorials .
So, I'm wondering is it possible to locate web elements with JavaScript by XPath or CSS Selectors?

Answer 1

document.querySelector() //for single node with css like path or selector

document.querySelectorAll() //for multiple nodes

To select by ID:

document.querySelector('#ID') //returns single element
document.querySelectorAll('#ID') //returns node list, you may need to use forEach

To select by class:

document.querySelector('.class') //returns single element
document.querySelectorAll('.class') //returns node list, you may need to use forEach

To select inside div by class:

document.querySelector('div > .class') //returns single element
document.querySelectorAll('div > .class') //returns node list, you may need to use forEach

Here is the documentation