如何使用 xpath 或 css 选择器从 Span 标签中获取一个元素 select

Question

我正在尝试在选择 Messenger 名称（Nayan）时自动执行在 Messenger 上 ping 一个人的过程

请查找Html代码

<div class="Presence__text">
<span class="Presence__nameText">Nayan<span class="Presence__contactFlagIndicator"></span>

由于 span 标签内的文本元素是唯一的 (Nayan)，我想根据该文本元素生成 select。

问题陈述：无法 select 使用 span 标记中存在的文本的元素

我想用xpath打开“Nayan”的文本，请问谁能帮我解决这个问题。

Answer 1

XPath 可用于根据文本内容定位元素。
因此，这里介绍 HTML 可以使用以下 XPath：

"//span[contains(text(),'Nayan')]"

Selenium command using this XPath in Java（你没有提到你使用的语言，但是根据你之前的问题我看到你使用的是Java）可以如下：

driver.findElement(By.xpath("//span[contains(text(),'Nayan')]"));

如果“Nayan”文本是唯一的，最好使用contains而不是使用equals方法，因为 web 元素可能包含额外的空格。
我的意思是在可能的情况下[contains(text(),'Nayan')]比[text()='Nayan']更好用
此外，由于您使用的是 Selenium，它只能是 Xpath 1.0，因为 Selenium 不支持 Xpath 2.0 及更高版本，它仅支持 XPath 1.0