如何解决Python Selenium - 如何在#shadow-root打开下的textarea中定位和添加数据
我正在尝试在文本区域中查找并输入以下代码的数据。
但它没有定位该元素。
HTML:
<label _ngcontent-c8="" class="form__label form__label--bottom" for="description ">
<span _ngcontent-c8="" class="form__label-inner-wrap"> Product description <span _ngcontent-c8="" aria-label="required">*
</span></span>
</label>
<eds-textarea _ngcontent-c8="" id="productDescTextArea" maxlength="1000" name="description" ng-version="9.1.13">
#shadow-root (open)
<style>....</style>
<style>...</style>
<div class="textarea">
<textarea class="textarea__input u-mb--" placeholder="Please provide a detail description of product." rows="4">
</textarea>
<span id="textarea-character-counter" class="textarea__counter">Characters Available:
<span aria-atomic="false" aria-live="true" aria-relevant="text">1000/1000
</span>
</span>
<!----></div>
</eds-textarea>
</div>
我尝试过 CSS 定位器:
driver.find_element_by_tag_name("textarea")
driver.find_element_by_css_selector("textarea[placeholder='Please provide a detail description of product.']").send
还有 XPATH:
//textarea[@placeholder='Please provide a detail description of product.']
找不到元素 - 请帮忙!
解决方法
root = driver.find_element_by_id("productDescTextArea")
textarea = driver.execute_script("return arguments[0].shadowRoot.querySelector('textarea[placeholder=\"Please provide a detail description of product.\"]')",root)
你必须调用shadowRoot,然后使用querySelector查找元素
,<textarea>
在 #shadow-root (open) 内。
<eds-textarea _ngcontent-c8="" id="productDescTextArea" maxlength="1000" name="description" ng-version="9.1.13">
#shadow-root (open)
<style>....</style>
<style>...</style>
<div class="textarea">
<textarea class="textarea__input u-mb--" placeholder="Please provide a detail description of product." rows="4">
</textarea>
<span id="textarea-character-counter" class="textarea__counter">Characters Available:
<span aria-atomic="false" aria-live="true" aria-relevant="text">1000/1000
</span>
</span>
<!----></div>
</eds-textarea>
解决方案
要在 <textarea>
字段中发送字符序列,您必须使用 shadowRoot.querySelector()
并且可以使用以下 Locator Strategy:
-
代码块:
element = driver.execute_script("""return document.querySelector('#productDescTextArea').shadowRoot.querySelector('textarea.textarea__input[placeholder^="Please provide a detail description of product"]')""") element.send_keys("Apeksha Mehta")
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。