selenium元素定位之css:contains的使用

最新推荐文章于 2025-04-14 14:31:03 发布

jiangsquall

最新推荐文章于 2025-04-14 14:31:03 发布

阅读量6.4k

点赞数 1

分类专栏： selenium自动化

本文链接：https://blog.csdn.net/jiangsquall/article/details/9352727

版权

selenium自动化专栏收录该内容

3 篇文章

订阅专栏

在尝试使用Selenium自动化测试时，遇到了一个定位包含'退出'文本的按钮的问题。原始HTML代码显示了退出按钮的结构，但直接通过CSS选择器无法成功找到该元素，即使尝试了休眠等待等方法。最终，解决方案是通过XPath表达式来准确地定位到这个退出按钮。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

定位一个“退出”按钮，html代码如下：

<div id="header" class="header">
    <div class="logo left">
    <div class="headerWidth">
        <a class="right headLink" οnclick="pageTracker._trackEvent('main','Main_logout');" href="/user/user!logout.action">退出</a>
        <a class="right headLink" οnclick="pageTracker._trackEvent('main','Main_forum');" target="_blank" href="http://bbs.wacai.com">论坛</a>

因为xpath稳定性不高等原因，看到button中有css属性，优先采取css方式来定位。百度了下，还真找到了一个方式，果断尝试：

css="a.right.headLink：contains('退出')"

但是运行时发现找不到这个button，sleep等各种方式还是不行，无奈之下，转而使用xpath来实现

xpath = "//div[@id='header']/div[2]/a[1]"

xpath方法可成功定位，但还是很好奇说为什么css的方法不可实现，转而使用google，终于发现了一篇文章：

http://stackoverflow.com/questions/14595149/alternative-of-contains-in-cssselector-selenium-webdriver

我贴一下文章里的一段话：You can't do this with CSS selectors, because there is no such thing as:contains() in CSS. It was a proposal that was abandoned years ago.

也就是说，css是没有：contains('xx')"这样的用法的，如果确实需要使用，还是老老实实的用xpath吧。。。