如果你还想从头学起Selenium，可以看看这个系列的文章哦！

https://www.cnblogs.com/poloyy/category/1680176.html

其次，如果你不懂前端基础知识，需要自己去补充哦，博主暂时没有总结（虽然我也会，所以我学selenium就不用复习前端了哈哈哈...）

 

针对元素有哪些常见的简单操作？

  • 点击
  • 输入内容、清除内容
  • 返回元素尺寸、坐标
  • 获取元素标签文本
  • 获取元素属性值
  • 检查元素：是否可见、是否可点击、是否已被选择
  • 表单提交

点击右边目录即可跳转哦！ -------------->>>>>>>>>> 

首先，先将一个测试html保存到本地，后续案例就按照这个页面来演示啦！

代码如下：

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>小菠萝测试笔记</title>

</head>

<body>

<a>用户名:</a>

<input id="username" class="username">

<a>密码</a>

<input id="password" name="password">

<button class="login">登录</button>

<br>

<p>测试啦</p>

<p>再一次测试啦</p>

<br>

<a href="https://voice.baidu.com/act/newpneumonia/newpneumonia/?from=osari_pc_1" target="_blank" id="virus-202"

   class="mnav sp dot">终极抗击肺炎啊</a>

<a href="https://voice.baidu.com/act/newpneumonia/newpneumonia/?from=osari_pc_1" target="_blank" id="virus-2020"

   class="mnav sp dot">抗击肺炎</a>

<a href="https://voice.baidu.com/act/newpneumonia/newpneumonia/?from=osari_pc_1" target="_blank" id="virus-202s0"

   class="mnav sp dot">抗击肺炎</a>

<div>

    <ul>

        <li class="li">111</li>

        <li class="li">222</li>

        <li class="li">333</li>

    </ul>

    <ul>

        <li>aaa</li>

        <li>bbb</li>

        <li>ccc</li>

    </ul>

</div>

</body>

</html>

<button type="button" class="ant-btn1" disabled="disabled">不可点击元素</button>

<button type="button" class="ant-btn2">可点击元素</button>

<button type="button" class="ant-btn3" style="display: none">不可见元素</button>

<button type="button" class="ant-btn4" style="display: block">可见元素</button>

<select>

    <option value="volvo"></option>

    <option value="saab">Saab</option>

    <option value="opel">Opel</option>

    <option value="audi" selected>Audi</option>

</select>

点击

from selenium import webdriver

# 加载浏览器驱动

driver = webdriver.Chrome("../resources/chromedriver.exe")

# 访问网址

driver.get("file:///C:/test.html")

# =====通过 元素Class查找（仅返回匹配到的第一个）=====

login_btn = driver.find_element_by_class_name("login")

# 点击

login_btn.click()

输入内容、清除内容

# 找到id = username的元素

username = driver.find_element_by_id("username")

# 输入值 张三

username.send_keys("张三")

# 清空内容

username.clear()

返回元素尺寸、坐标

# 找到id = username的元素

login_btn = driver.find_element_by_class_name("login")

# 打印 元素宽高

print(f"元素宽高:{login_btn.size}")

# 打印 元素 x , y坐标值

print(f"元素坐标值：{login_btn.location}")

执行结果

元素宽高:{'height': 23, 'width': 42}

元素坐标值：{'x': 457, 'y': 8}

知识点

  • size和location都是实例属性
  • 返回的都是字典
  • 元素坐标值是通过元素的最左上角和浏览器内容区域的左上角来定位的，如下图

获取元素标签文本

# 获取第一个标签为a的文本

a_text = driver.find_element_by_tag_name("a")

print(a_text.text)

# 获取第一个标签为div的文本

div_text = driver.find_element_by_tag_name("div")

print(ul_text.div_text)

执行结果

用户名:

111

222

333

aaa

bbb

ccc

知识点

  • .text 返回的是标签里面的文本，如 <html>内容....</html> ，返回的则是中间那些内容
  • 如果标签内还有子标签，那也只会获取子标签的文本内容，不会获取标签，像上面获取div的text一样

获取元素属性值

# 获取元素属性值

a_attr = driver.find_element_by_class_name("mnav")

print(a_attr.get_attribute("href"))

执行结果

https://voice.baidu.com/act/newpneumonia/newpneumonia/?from=osari_pc_1

_blank

virus-202

mnav sp dot

检查元素：是否可见、是否可点击、是否已被选择

# 找到 不可见元素

ant_btn3 = driver.find_element_by_class_name("ant-btn3")

# 找到 可见元素

ant_btn4 = driver.find_element_by_class_name("ant-btn4")

# 查看是否可见

print("不可见元素:", ant_btn3.is_displayed())

print("可见元素:", ant_btn4.is_displayed())



# 找到 不可点击元素

ant_btn3 = driver.find_element_by_class_name("ant-btn1")

# 找到 可点击元素

ant_btn4 = driver.find_element_by_class_name("ant-btn2")

# 查看是否可点击

print("不可点击元素:", ant_btn3.is_enabled())

print("可点击元素:", ant_btn4.is_enabled())



# 找到 未被选中的元素

option1 = driver.find_elements_by_tag_name("option")[0]

# 找到 已被选中的元素

option2 = driver.find_elements_by_tag_name("option")[-1]

# 查看是否被选择

print("未被选择元素:", option1.is_selected())

print("已被选择元素:", option2.is_selected())

执行结果

不可见元素: False

可见元素: True

不可点击元素: False

可点击元素: True

未被选择元素: False

已被选择元素: True

知识点

  • 某个元素若有 display：none 的样式则是不可见，否则就是可见
  • 某个元素若有 disabled 属性则是不可点击，否则就是可点击
  • 某个元素若有 selected 属性则是已被选择

表单提交

driver.get("https://www.baidu.com")

# 找到搜索框

search_text = driver.find_element_by_id('kw')

# 输入搜索内容

search_text.send_keys('小菠萝测试笔记')

# 提交表单

search_text.submit()

知识点

  • submit() 方法用于提交表单。
  • 实际场景：在搜索框输入关键字之后的“回车” 操作， 就可以通过该方法模拟
 

Selenium系列（三） - 针对元素常见的简单操作的更多相关文章

  1. Python3 Selenium定位不到元素常见原因及解决办法

    Python3 Selenium定位不到元素常见原因及解决办法 一.问题描述 在做web应用的自动化测试时,定位元素是必不可少的,这个过程经常会碰到定位不到元素的情况: 报错信息: no such e ...

  2. selenium之浏览器、元素、鼠标等操作总结

    1    控制浏览器 Selenium 主要提供的是操作页面上各种元素的方法,但它也提供了操作浏览器本身的方法,比如浏览器的大小以及浏览器后退.前进按钮等. 1.1  控制浏览器窗口大小 在不同的浏览 ...

  3. Python+Selenium定位不到元素常见原因及解决办法（报：NoSuchElementException）

         在做web应用的自动化测试时,定位元素是必不可少的,这个过程经常会碰到定位不到元素的情况(报selenium.common.exceptions.NoSuchElementException ...

  4. Selenium系列（四） - 鼠标、键盘操作详细解读

    如果你还想从头学起Selenium,可以看看这个系列的文章哦! https://www.cnblogs.com/poloyy/category/1680176.html 其次,如果你不懂前端基础知识, ...

  5. 【Selenium01篇】python+selenium实现Web自动化：搭建环境，Selenium原理，定位元素以及浏览器常规操作！

    一.前言 最近问我自动化的人确实有点多,个人突发奇想:想从0开始讲解python+selenium实现Web自动化测试,请关注博客持续更新! 二.话不多说,直接开干,开始搭建自动化测试环境 这里以前在 ...

  6. asp.net core 系列之webapi集成Dapper的简单操作教程

    Dapper也是是一种ORM框架 这里记录下,使用ASP.NET 集成 Dapper 的过程,方便自己查看 至于Dapper的特性以及操作可以参考Dapper官方文档 1.创建数据库相关 在Sql S ...

  7. asp.net core 系列之webapi集成EFCore的简单操作教程

    因为官网asp.net core webapi教程部分,给出的是使用内存中的数据即 UseInMemoryDatabase 的方式, 这里记录一下,使用SQL Server数据库的方式即 UseSql ...

  8. XML系列之--对电文格式XML的简单操作（三）

    前两章介绍了关于Linq创建.解析SOAP格式的XML,在实际运用中,可能会对xml进行一些其它的操作,比如基础的增删该查,而操作对象首先需要获取对象,针对于DOM操作来说,Linq确实方便了不少,如 ...

  9. [python爬虫] Selenium常见元素定位方法和操作的学习介绍(转载)

    转载地址:[python爬虫] Selenium常见元素定位方法和操作的学习介绍 一. 定位元素方法 官网地址:http://selenium-python.readthedocs.org/locat ...

随机推荐

  1. HEXO进阶打赏

    HEXO接近是最近有一些朋友提出的问题,然后我做了总结,如果你也在使用HEXO,不妨看看,应该会有些帮助. 1.博客部署样式出问题了怎么办? 2.电脑重装或者误删了本地博客怎么办? 3.想使用两台电脑 ...

  2. Kubernetes集群部署DNS插件

    准备 kube-dns 相关镜像 准备 kube-dns 相关 yaml 文件 系统预定义的 RoleBinding 配置 kube-dns 相关服务 检查 kube-dns 功能 kube-dns ...

  3. LeetCode#476 Number Complement - in Swift

    Given a positive integer, output its complement number. The complement strategy is to flip the bits ...

  4. 银行储蓄程序（C++，simple）

    */ * Copyright (c) 2016,烟台大学计算机与控制工程学院 * All rights reserved. * 文件名:text.cpp * 作者:常轩 * 微信公众号:Worldhe ...

  5. C++走向远洋——50（Time类中的运算符重载、一目，二目比较运算符、二目赋值运算符、二目加减法运算符）

    */ * Copyright (c) 2016,烟台大学计算机与控制工程学院 * All rights reserved. * 文件名:text.cpp * 作者:常轩 * 微信公众号:Worldhe ...

  6. spring——AOP原理及源码（一）

    教程共分为五篇,从AOP实例的构建及其重要组件.基本运行流程.容器创建流程.关键方法调用.原理总结归纳等几个方面一步步走进AOP的世界. 本篇主要为读者演示构建AOP实例及AOP核心组件分析. 一.项 ...

  7. 简单的员工管理系统（Mysql+jdbc+Servlet+JSP）

    员工管理系统 因为学业要求,需要完成一个过关检测,但是因为检测之前没有做好准备,且想到之前用mysql+jdbc+Struts2+bootstrap做成了一个ATM系统(主要有对数据的增删改查操作), ...

  8. Burpsuite专题学习指南

    点击蓝色字体即可 开启你的Burp学习之旅BurpSuite系列(一)----Proxy模块(代理模块) BurpSuite系列(二)----Target模块(目标模块) BurpSuite系列(三) ...

  9. Fetch API与POST请求那些事

    简述 相信不少前端开发童鞋与后端联调接口时,都会碰到前端明明已经传了参数,后端童鞋却说没有收到,尤其是post请求,遇到的非常多.本文以node.js作为服务端语言,借用express框架,简要分析客 ...

  10. javascript功能插件大集合 前端常用插件 js常用插件

    转载来源:https://github.com/jobbole/aw... 包管理器管理着 javascript 库,并提供读取和打包它们的工具.•npm – npm 是 javascript 的包管 ...