python - 如何通过 Selenium-Python 访问“rect”类型的元素

Question

dom中有一个rect对象：

<rect class="slv-blank" id="id123" height="8.8" stroke-width="1px" width="18.8" x="59.2" y="37.5"></rect>

我正在尝试使用以下代码搜索它：

WebDriverWait(driver, 1).until(ec.presence_of_element_located(("xpath", '//rect[@id="id123"]'))).click()

这不起作用。

但以下是：

WebDriverWait(driver, 1).until(ec.presence_of_element_located(("xpath", '//*[name()="rect"][@id="id123"]'))).click()

关于为什么第一个不起作用的任何线索？

Answer 1

<rect>

该<rect>元素是创建矩形的基本SVG形状，由角的位置、宽度和高度定义。矩形的角可能是圆形的。

一个例子：

<svg viewBox="0 0 220 100" xmlns="http://www.w3.org/2000/svg">
  <!-- Simple rect element -->
  <rect x="0" y="0" width="100" height="100" />

  <!-- Rounded corner rect element -->
  <rect x="120" y="0" width="100" height="100" rx="15" ry="15" />
</svg>

---

属性

元素的属性如下：<rect>

• x：这个属性决定了矩形的x坐标。
  • 值类型：| ; 默认值：0；动画：是的
• y: 这个属性决定了矩形的 y 坐标。
  • 值类型：| ; 默认值：0；动画：是的
• width: 这个属性决定了矩形的宽度。
  • 值类型：自动|| ; 默认值：自动；动画：是的
• height: 这个属性决定了矩形的高度。
  • 值类型：自动|| ; 默认值：自动；动画：是的
• rx: 这个属性决定了矩形的水平角半径。
  • 值类型：自动|| ; 默认值：自动；动画：是的
• ry: 这个属性决定了矩形的垂直角半径。
  • 值类型：自动|| ; 默认值：自动；动画：是的
• pathLength：此属性允许以用户单位指定路径的总长度。
  • 值类型： ; 默认值：无；动画：是的

注意：从 SVG2 开始，x、y、width、height、rx 和 ry 是几何属性，这意味着这些属性也可以用作该元素的 CSS 属性。

---

这个用例

由于该<rect>元素是SVG元素，因此要定位此类元素，您必须在使用xpath访问元素时显式指定SVG 命名空间，如下所示：

• 对于<svg>元素：

  //*[name()="svg"]
  

• 对于<g>元素：

  //*[name()="svg"]/*[name()="g"]
  

• 对于<rect>元素：

  //*[name()="svg"]/*[name()="g"]/*[name()="rect"]
  //*[name()="svg"]/*[name()="rect"]
  

---

参考

您可以在中找到一些相关的详细讨论

• 如何通过 Java 使用 XPath 和 Selenium WebDriver 单击 SVG 元素
• 无法在 Kendo UI 图表上通过 xpath 定位 SVG 元素

Answer 2

使用Action类或JavaScript执行器。

from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as ec
from selenium.webdriver.common.action_chains import ActionChains
elememnt=WebDriverWait(driver, 1).until(ec.presence_of_element_located(("xpath", '//*[@id="id123"]')))
ActionChains(driver).move_to_element(elememnt).click().perform()

或者

from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as ec
from selenium.webdriver.common.action_chains import ActionChains
elememnt=WebDriverWait(driver, 1).until(ec.presence_of_element_located(("xpath", '//*[@id="id123"]')))
driver.execute_script("arguments[0].click();",elememnt)