定位shadow

最新推荐文章于 2024-06-07 17:28:44 发布

__泡泡茶壶

最新推荐文章于 2024-06-07 17:28:44 发布

阅读量1.4k

点赞数 1

分类专栏： python_selenium 文章标签： selenium

原文链接：https://www.cnblogs.com/WhiteCusp/p/4342502.html

版权

python_selenium 专栏收录该内容

16 篇文章 2 订阅

订阅专栏

在这里插入图片描述

1、先定位到 shadow-root 的宿主节点(此处为 id=box 的 div)
2、切换到 shadow-root 中
3、然后再选择 shadow-root 下的 span 标签

在这里插入图片描述

import time
from selenium import webdriver

driver = webdriver.Chrome()
driver.get(url="http:127.0.0.1:5000/test")
js = 'document.getElementById("box").shadowRoot.children[0].children[0].innerText=666'
res = driver.execute_script(js)

def expand_shadow_element(element):
  shadow_root = driver.execute_script('return arguments[0].shadowRoot', element)
  return shadow_root

#the above becomes
shadow_section = expand_shadow_element(find_element_by_tag_name("neon-animatable"))
shadow_section.find_element_by_css(".flex")

import selenium
from selenium import webdriver
driver = webdriver.Chrome()


def expand_shadow_element(element):
  shadow_root = driver.execute_script('return arguments[0].shadowRoot', element)
  return shadow_root

selenium.__file__
driver.get("chrome://downloads")
root1 = driver.find_element_by_tag_name('downloads-manager')
shadow_root1 = expand_shadow_element(root1)

root2 = shadow_root1.find_element_by_css_selector('downloads-toolbar')
shadow_root2 = expand_shadow_element(root2)

root3 = shadow_root2.find_element_by_css_selector('cr-search-field')
shadow_root3 = expand_shadow_element(root3)

search_button = shadow_root3.find_element_by_css_selector("#search-button")
search_button.click()

在这里插入图片描述

document.getElementsByClassName('el-input__inner')[2].placeholder = 3
——》3
document.getElementsByClassName('el-input__inner')[2].placeholder = 1
——》1
document.getElementsByClassName('el-input__inner')[2].placeholder
‘1’