selenium定位不到元素原因之shadow root open_selenium无法定位shadow root节点

selenium定位不到元素原因1

问题描述

在selenium中，通常使用ID或者Xpath就能较为准确的定位，但是最近遇到一个无法定位到元素的问题，检查过不是之前遇到的iframe问题，通过css或者classname都没有用

原因分析：

观察网页源码发现要定位的元素嵌套在一个shadow里面

解决方案：

首先定位shadow 的上一层的元素位置，进入shadow之后再进行下一级的定位，就算是多层嵌套也可以用这种方式
mc-table[currentpage=“xxx”]'为第一个shadow上面的元素定位，mc-ta为自定义标签名，currentpage="xxx"为可以做唯一标识的属性。'mc-checkbox[fit=“xxx”]‘为第二个shadow上面的元素定位，在第二个shadow里面可以找到label[part=“xxx”]’，就可对它进行点击或者输入操作了

方法1
t = driver.find_element(By.CSS_SELECTOR, 'mc-ta[currentpage="xxx"]').shadow_root.find_element(
                        By.CSS_SELECTOR,
                        'mc-checkbox[fit="xxx"]').shadow_root.find_element(
                        By.CSS_SELECTOR, 'label[part="xxx"]')
t.click()
1
2
3
4
5
6

第二种方法同上

方法2
host_element = driver.find_element(By.CSS_SELECTOR, '.search-input-box mc-input[data-test="xxx"]')
shadow_root = driver.execute_script('return arguments[0].shadowRoot', host_element)
element_inside_shadow = shadow_root.find_element(By.CSS_SELECTOR,
                                                         '.field .input-container input[part="xxx"]')
1
2
3
4
5

不过不知道为什么这种定位我只能使用css的方式，使用xpath就找不到元素