如何修改内容可编辑元素的内部 HTML

Question

我正在使用Selenium和Chrome-driver和python3.6来测试网站。 我在网页中有如下代码片段：

<div tabindex="-1" class="_3F6QL _2WovP">
<div class="_39LWd" style="visibility: visible;">Type a message</div>
<div class="_2S1VP copyable-text selectable-text" contenteditable="true" data-tab="1" dir="ltr" spellcheck="true">*******</div>
</div>

我想在网页中使用硒将*******替换为Hello World!。我该怎么做？

Answer 1

要将文本*******替换为文本Hello World!因为元素是 React 元素并具有属性contenteditable="true"您需要诱导WebDriverWait元素可单击，您可以使用以下任一解决方案：

• 使用CSS_SELECTOR：

  element = WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.CSS_SELECTOR, "div.copyable-text.selectable-text[data-tab='1']")))
  element.click()
  element.clear()
  element.send_keys("Hello World!")
  

• 使用XPATH：

  element = WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.XPATH, "//div[contains(@class,'selectable-text')][contains(.,'*******')]")))
  element.click()
  element.clear()
  element.send_keys("Hello World!")
  

• 注意：您必须添加以下导入：

  from selenium.webdriver.support.ui import WebDriverWait
  from selenium.webdriver.common.by import By
  from selenium.webdriver.support import expected_conditions as EC