selenium--表格和复选框的定位

表格定位

HTML代码

复制代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表格</title>
</head>
<body>
<table width="400" border="1" id="table">
    <tr>
        <td align="left">消费项目</td>
        <td align="right">一月</td>
        <td align="right">二月</td>
    </tr>
    <tr>
        <td align="left">衣服</td>
        <td align="right">1000元</td>
        <td align="right">500元</td>

    </tr>
    <tr>
        <td align="left">化妆品</td>
        <td align="right">3000元</td>
        <td align="right">500元</td>
    </tr>
    <tr>
        <td align="left">食物</td>
        <td align="right">3000元</td>
        <td align="right">650.00元</td>
    </tr>
    <tr>
        <td align="left">总计</td>
        <td align="right">7000元</td>
        <td align="right">50000元</td>
    </tr>
</table>


</body>
</html>
复制代码

页面效果

 

定位表格中的某个元素

目的：在被测网页中，定位显示表格的第二行第二列单元格

xpath表达式
//*[@id='table']/tbody/tr[2]/td[2]

python定位语句

driver.find_element_by_xpath("//*[@id='table']/tbody/tr[2]/td[2]")

表达式中tr[2]表示第二行，td[2]表示第二列，组合起来就是第二行第二列的单元格

css表达式：

table#table>tbody>tr:nth-child(2)>td:nth-child(2)

python定位语句

driver.find_element_by_css_selector("table#table>tbody>tr:nth-child(2)>td:nth-child(2)")


tr:nth-child(2)表示第二行,td:nth-child(2)表示第二列，组合起来就是第二行第二列的单元格

复选框定位

复制代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表格</title>
</head>
<body>
<table width="400" border="1" id="table">
    <tr>
        <td align="left">消费项目</td>
        <td align="right">一月</td>
        <td align="right">二月</td>
    </tr>
    <tr>
        <td align="left">衣服
            <input type="checkbox">外套
            <input type="checkbox">内衣
        </td>
        <td align="right">1000元</td>
        <td align="right">500元</td>

    </tr>
    <tr>
        <td align="left">化妆品
            <input type="checkbox">面霜
            <input type="checkbox">沐浴露
        </td>
        <td align="right">3000元</td>
        <td align="right">500元</td>
    </tr>
    <tr>
        <td align="left">食物
            <input type="checkbox">主食
            <input type="checkbox">蔬菜
        </td>
        <td align="right">3000元</td>
        <td align="right">650.00元</td>
    </tr>
    <tr>
        <td align="left">总计</td>
        <td align="right">7000元</td>
        <td align="right">50000元</td>
    </tr>
</table>


</body>
</html>
复制代码

页面效果

目的：在被测试网页中，定位表格中第三行中的第一个“面霜”文字前的复选框

xpath表达式

//td[contains(.,"化妆")]/input[1]

python定位语句：

driver.find_element_by_xpath('//td[contains(.,"化妆")]/input[1]').click()

 

先找到包含子元素的单元格，在此单元格中在寻找子元素即可。表达式//td[contains(.,"化妆")]表示模糊匹配文本内容包含”化妆“关键字的单元格td元素，/input[1]表示找到的单元格td

下的第一个input子元素。也可以通过xpath轴方式来查找该子元素，比如//td[contains((text),'化妆')]/descendant::input[1]

posted @   邹邹很busy。  阅读(1252)  评论(0)  编辑  收藏  举报
编辑推荐：
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识（上）
· 浏览器原生「磁吸」效果！Anchor Positioning 锚点定位神器解析
· 没有源码，如何修改代码逻辑？
阅读排行：
· 分享4款.NET开源、免费、实用的商城系统
· 全程不用写代码，我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了，比商业数据库还牛
· 白话解读 Dapr 1.15：你的「微服务管家」又秀新绝活了
· 上周热点回顾（2.24-3.2）
点击右上角即可分享
微信分享提示

目录导航