Selenium高亮显示定位到的元素

红太狼 2023-10-09 10:14 23阅读 0赞

在调试Selenium脚本中，有时因为操作太快或操作不明显而不清楚是否定位到了正确的元素。我们可用通过执行js为定位到的元素添加样式，来高亮显示定位到的元素。

在Selenim Webdriver中，可以通过driver.exectue\_scirpt() 执行JavaScript代码，执行的JavaScript代码是支持传入参数的，甚至可以传入定位到的元素，如：  
`exectue_script('js脚本', 参数1，参数2，参数3...)`，在JavaScript脚本字符串中使用arguments\[n\]来表示匹配第几个参数。

示例代码如下：

from selenium import webdriver
    from time import sleep
    
    STYLE = "background: green; border: 2px solid red;"  # 高亮的样式
    
    def find(driver, by, expr):
        element = driver.find_element(by, expr)
        driver.execute_script("arguments[0].setAttribute('style', arguments[1]);",element, STYLE)  
        return element
    
    driver = webdriver.Chrome()
    driver.get('https://www.baidu.com/')
    
    find(driver, 'id', 'kw').send_keys("博客园 韩志超")
    find(driver, 'id', 'su').click()
    
    sleep(3)
    driver.quit()

以上代码中，  
by只定位方式，支持'id','xpath', 'name', 'class name', 'link text', 'partial link text', 'css selector', expr为元素对应的定位表达式。  
`driver.execute_script("arguments[0].setAttribute('style', arguments[1]);",element, STYLE)`  
将定位到的元素替换到arguments\[0\]， 样式STYLE替换arguments\[1\]，及为该元素添加高亮杨样式。

执行完结果如下图：  
![Selenium高亮显示定位到的元素][Selenium]

转载于:https://www.cnblogs.com/superhin/p/11482318.html

[Selenium]: https://img2018.cnblogs.com/blog/1064540/201909/1064540-20190907185524859-20252410.png

发表评论取消回复

表情：

评论列表（有 0 条评论，23人围观）

还没有评论，来说两句吧...

相关阅读

相关 Selenium高亮显示定位到的元素

在调试Selenium脚本中，有时因为操作太快或操作不明显而不清楚是否定位到了正确的元素。我们可用通过执行js为定位到的元素添加样式，来高亮显示定位到的元素。在Seleni

红太狼/ 2023年10月09日 10:14/ 0 赞/ 24 阅读

相关 selenium元素定位

参考网址：https://blog.csdn.net/qi\_ling/article/details/84166144?utm\_source=distribute.pc\_

「爱情、让人受尽委屈。」/ 2023年10月02日 07:56/ 0 赞/ 66 阅读

相关 selenium 元素定位

开头简单介绍selenium的元素定位，主要集中在 xpath中 xpath XML Path Language 用于解析html和xml xpa

深碍√TFBOYSˉ_/ 2023年09月27日 21:14/ 0 赞/ 31 阅读

相关 selenium定位不到元素的原因

selenium定位不到元素的原因：定位不到，有可能网页里内嵌了iframe，只要切换到iframe后就可以查询到元素了。 ![2019102708175613

墨蓝/ 2023年06月10日 10:25/ 0 赞/ 23 阅读

相关 selenium.元素定位

八种定位元素的方式 1. 通过id定位元素：find\_element\_by\_id("id\_vaule") 2. 通过name定位元素：find\_elemen

骑猪看日落/ 2022年12月16日 09:15/ 0 赞/ 329 阅读

相关 JointJS点击选中元素高亮显示

使用 JointJs 时，当我们点击了选中的元素时，如果我们需要对点击元素高亮显示，点击空白处取消高亮显示的话，可以继续往下看代码实现。官方文档相关部分： [highl

心已赠人/ 2022年08月31日 12:23/ 0 赞/ 283 阅读

相关 Selenium无法定位元素

今天在做163邮箱的自动化登录时，使用各种方法都无法定位元素，后来百度说是因为登录页面使用了框架，一检查，如下图： ![页面使用了id="x-URS-iframe"的内联框

淡淡的烟草味﹌/ 2022年06月15日 05:53/ 0 赞/ 362 阅读

相关 selenium元素定位-css定位

一、css定位元素： 1. 方法：find\_element\_by\_css\_selector() 2. 根据id属性定位——\id 3. 根据class属性定

Love The Way You Lie/ 2022年04月03日 10:14/ 0 赞/ 453 阅读

相关 selenium元素定位

文章目录一、元素定位的方式二、元素定位实例 1、用id定位： 2、用

深碍√TFBOYSˉ_/ 2022年04月03日 10:11/ 0 赞/ 427 阅读

相关 selenium之元素定位

元素定位不到是selenium使用时经常遇到的问题，目前遇到的最多的就是因为元素在frame元素中，导致定位不到。此时我们要首先跳转到元素所在frame里，再对元素进行定位

今天药忘吃喽~/ 2022年02月20日 01:27/ 0 赞/ 464 阅读