selenium定位隐藏元素

最新推荐文章于 2024-04-30 10:59:44 发布

Yulisa_SYC

最新推荐文章于 2024-04-30 10:59:44 发布

阅读量3.3k

点赞数

分类专栏： WEB 自动化文章标签： selenium 面试 python

本文链接：https://blog.csdn.net/qq_21518059/article/details/120372803

版权

WEB 自动化专栏收录该内容

3 篇文章 0 订阅

订阅专栏

面试官：“你是怎么使用selenium定位隐藏元素？”。

我相信这是很多小伙伴在面试web自动化的时候经常遇到的问题。但是我想说，这个问题着实很无聊。为什么我会这么说呢？

做web自动化测试，首先就是模拟用户做一些回归测试，元素都看不见，又何必去定位它？没有意义。
定位隐藏元素？认真的吗？我只想说定位隐藏元素用普通的定位方法即可。

但是，我们又不好去直接去怼他，当然要用比较友好的话术去进行回答。

答：定位元素的话，直接用普通的定位方法即可，只是在操作元素上有些差异，需要用js去进行操作。

（不明白的看下面的操作步骤）

操作步骤：

1. 新建一个html文件，输入如下内容：实现的效果是输入对应的网址，跳转到对应的地址。

<!DOCTYPE html>
<html>
<head>
<title>定位演示</title>
<script>
function gettext(){
    var url = document.getElementById("urlAdd").value;
	window.location.href=url;
}
</script>
</head>
<body>

  请输入网站: <input type="text" id="urlAdd" />
  <button onclick="gettext()" id= "ok" >跳转</button>
</body>
</html>

2. 想要实现隐藏，一般都是在对应的元素属性当中添加以下两个元素。

type="hidden" 或者 style="display:none" 属性来控制隐藏

<!-- 请输入网站: <input type="text" id="urlAdd" /> 改成如下： -->
请输入网站: <input style="display:none" type="text" id="urlAdd" />

3. 编写代码实现定位

#!/usr/bin/env python
# -*- coding:utf-8 -*-
# @Time : 2021/9/14 21:33
# @Author : Yulisa_SYC
# @File : test.py
# @Software: PyCharm

from  selenium import webdriver
import  time
url = “文件地址”
driver = webdriver.Chrome()
driver.get(url)

# 方法一：以普通的方法去进行定位并且操作
# 1. 可以正常的定位到元素
ele =  driver.find_element_by_id("urlAdd")
print(ele)
# 2. 给隐藏元素给值去进行赋值，你会发现错误信息
ele.send_keys("https://baike.baidu.com/")

# 方法二：通过js给隐藏的元素赋值（正确的操作）
# 1. 确定js
js = "document.getElementById('urlAdd').value = 'https://baike.baidu.com/'"
# 2. 执行js
driver.execute_script(js)

# 点击跳转
driver.find_element_by_id("ok").click()
time.sleep(5)
driver.quit()

总结：

方法一：通过普通的定位操作元素，只能够正确的定位到隐藏元素，但是不可以操作元素。

方法二：通过js能够正确的定位到隐藏元素也可以操作元素。