Selenium系列（三） - 详细解读针对元素常见的简单操作

小菠萝测试笔记

发布于 2020-06-09 15:32:02

2910

发布于 2020-06-09 15:32:02

文章被收录于专栏：自动化、性能测试

如果你还想从头学起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

知识点

返回的是标签里面的文本，如 <html>内容....</html> ，返回的则是中间那些内容

.text

如果标签内还有子标签，那也只会获取子标签的文本内容，不会获取标签，像上面获取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()

实际场景：在搜索框输入关键字之后的“回车” 操作，就可以通过该方法模拟

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2020-03-27 ，如有侵权请联系 cloudcommunity@tencent.com 删除

html

网站

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

html

网站

登录后参与评论

0 条评论

热度

Selenium系列（三） - 详细解读针对元素常见的简单操作

Selenium系列（三） - 详细解读针对元素常见的简单操作

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

点击

输入内容、清除内容

返回元素尺寸、坐标

执行结果

知识点

获取元素标签文本

执行结果

知识点

获取元素属性值

执行结果

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

执行结果

知识点

表单提交

知识点

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐