八、定位页面元素

最新推荐文章于 2024-06-10 20:30:21 发布
原创 最新推荐文章于 2024-06-10 20:30:21 发布 · 147 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#webdriver定位元素 #层级定位 #多个对象定位 #单个对象定位

本文介绍了Selenium WebDriver中常见的元素定位方法，包括单个对象定位如className、cssSelector、id、name、tagName、xpath等，以及多个对象定位和层级定位方法。通过实例展示了如何在百度网页中使用这些定位技巧。
webdriver提供了强大的元素定位方法，支持以下三种方法。
[color=red]单个对象的定位方法
多个对象的定位方法
层级定位[/color]
注意：
selenium-webdriver通过findElement()\findElements()等find方法调用"By"对象来定位和查询元素。By类只是提供查询的方式进行分类。findElement返回一个元素对象否则抛出异常，findElements返回符合条件的元素 List，如果不存在符合条件的就返回一个空的list。
[b][size=large]1.定位单个对象[/size][/b]
webdriver使用了以下方法定位元素：

* By.className(className))
* By.cssSelector(selector)
* By.id(id)
* By.linkText(linkText)
* By.name(name)
* By.partialLinkText(linkText)
* By.tagName(name)
* By.xpath(xpathExpression)
[b]1）使用className定位元素[/b]
定位的html文件：

<form action="/s" name="f">
<span class="s_ipt_wr">
<input type="text" class="s_ipt" maxlength="100" id="kw" name="wd" autocomplete="off">
</span>
<input type="hidden" value="0" name="rsv_bp"><input type="hidden" value="3" name="rsv_spt">
<span class="s_btn_wr">
<input type="submit" onmouseout="this.className='s_btn'" onmousedown="this.className='s_btn s_btn_h'" class="s_btn" id="su" value="百度一下">
</span>
<div id="sd_1350115810720" style="display: none;"></div>
</form>


package selenium.test.googleSearch;

import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.firefox.*;
public class BaiduFirefoxDriver {

	/**
	 * @param args
	 */
	public static void main(String[] args) {
		// TODO Auto-generated method stub 
		System.setProperty("webdriver.firefox.bin", "D:\\Program Files\\Mozilla Firefox\\firefox.exe"); 
		WebDriver driver = new FirefoxDriver();
		//页面跳转
		driver.get("http://www.baidu.com/");
		//根据className定位百度查询输入框
		WebElement search=driver.findElement(By.className("s_ipt"));
		//输入查询条件classname
		search.sendKeys("classname");
	}

}

[b]2）使用cssSelector定位元素[/b]
定位的html文件：

<form action="/s" name="f">
<span class="s_ipt_wr">
<input type="text" class="s_ipt" maxlength="100" id="kw" name="wd" autocomplete="off">
</span>
<input type="hidden" value="0" name="rsv_bp"><input type="hidden" value="3" name="rsv_spt">
<span class="s_btn_wr">
<input type="submit" onmouseout="this.className='s_btn'" onmousedown="this.className='s_btn s_btn_h'" class="s_btn" id="su" value="百度一下">
</span>
<div id="sd_1350115810720" style="display: none;"></div>
</form>


package selenium.test.googleSearch;

import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.firefox.*;
public class BaiduFirefoxDriver {

	/**
	 * @param args
	 */
	public static void main(String[] args) {
		// TODO Auto-generated method stub 
		System.setProperty("webdriver.firefox.bin", "D:\\Program Files\\Mozilla Firefox\\firefox.exe"); 
		WebDriver driver = new FirefoxDriver();
		//页面跳转
		driver.get("http://www.baidu.com/");
		//根据classSelector定位百度查询输入框
		WebElement search=driver.findElement(By.cssSelector("#kw"));
		//输入查询条件classname
		search.sendKeys("classname");
	}

}

[b]3）使用id定位元素[/b]
定位的html文件：

<form action="/s" name="f">
<span class="s_ipt_wr">
<input type="text" class="s_ipt" maxlength="100" id="kw" name="wd" autocomplete="off">
</span>
<input type="hidden" value="0" name="rsv_bp"><input type="hidden" value="3" name="rsv_spt">
<span class="s_btn_wr">
<input type="submit" onmouseout="this.className='s_btn'" onmousedown="this.className='s_btn s_btn_h'" class="s_btn" id="su" value="百度一下">
</span>
<div id="sd_1350115810720" style="display: none;"></div>
</form>


package selenium.test.googleSearch;

import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.firefox.*;
public class BaiduFirefoxDriver {

	/**
	 * @param args
	 */
	public static void main(String[] args) {
		// TODO Auto-generated method stub 
		System.setProperty("webdriver.firefox.bin", "D:\\Program Files\\Mozilla Firefox\\firefox.exe"); 
		WebDriver driver = new FirefoxDriver();
		//页面跳转
		driver.get("http://www.baidu.com/");
		//根据id定位百度查询输入框
		WebElement search=driver.findElement(By.id("kw"));
		//输入查询条件classname
		search.sendKeys("classname");
	}

}

[b]4）使用name定位元素[/b]
定位的html文件：

<form action="/s" name="f">
<span class="s_ipt_wr">
<input type="text" class="s_ipt" maxlength="100" id="kw" name="wd" autocomplete="off">
</span>
<input type="hidden" value="0" name="rsv_bp"><input type="hidden" value="3" name="rsv_spt">
<span class="s_btn_wr">
<input type="submit" onmouseout="this.className='s_btn'" onmousedown="this.className='s_btn s_btn_h'" class="s_btn" id="su" value="百度一下">
</span>
<div id="sd_1350115810720" style="display: none;"></div>
</form>


package selenium.test.googleSearch;

import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.firefox.*;
public class BaiduFirefoxDriver {

	/**
	 * @param args
	 */
	public static void main(String[] args) {
		// TODO Auto-generated method stub 
		System.setProperty("webdriver.firefox.bin", "D:\\Program Files\\Mozilla Firefox\\firefox.exe"); 
		WebDriver driver = new FirefoxDriver();
		//页面跳转
		driver.get("http://www.baidu.com/");
		//根据name定位百度查询输入框
		WebElement search=driver.findElement(By.name("wd"));
		//输入查询条件classname
		search.sendKeys("classname");
	}

}

[b]5）使用tagname定位元素[/b]
定位的html文件：

<form action="/s" name="f">
<span class="s_ipt_wr">
<input type="text" class="s_ipt" maxlength="100" id="kw" name="wd" autocomplete="off">
</span>
<input type="hidden" value="0" name="rsv_bp"><input type="hidden" value="3" name="rsv_spt">
<span class="s_btn_wr">
<input type="submit" onmouseout="this.className='s_btn'" onmousedown="this.className='s_btn s_btn_h'" class="s_btn" id="su" value="百度一下">
</span>
<div id="sd_1350115810720" style="display: none;"></div>
</form>


package selenium.test.googleSearch;

import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.firefox.*;
public class BaiduFirefoxDriver {

	/**
	 * @param args
	 */
	public static void main(String[] args) {
		// TODO Auto-generated method stub 
		System.setProperty("webdriver.firefox.bin", "D:\\Program Files\\Mozilla Firefox\\firefox.exe"); 
		WebDriver driver = new FirefoxDriver();
		//页面跳转
		driver.get("http://www.baidu.com/");
		//根据tagName定位百度查询输入框
		WebElement search=driver.findElement(By.tagName("input"));
		//输入查询条件classname
		search.sendKeys("classname");
	}

}

[b]6）使用xpath定位元素[/b]
定位的html文件：

<form action="/s" name="f">
<span class="s_ipt_wr">
<input type="text" class="s_ipt" maxlength="100" id="kw" name="wd" autocomplete="off">
</span>
<input type="hidden" value="0" name="rsv_bp"><input type="hidden" value="3" name="rsv_spt">
<span class="s_btn_wr">
<input type="submit" onmouseout="this.className='s_btn'" onmousedown="this.className='s_btn s_btn_h'" class="s_btn" id="su" value="百度一下">
</span>
<div id="sd_1350115810720" style="display: none;"></div>
</form>


package selenium.test.googleSearch;

import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.firefox.*;
public class BaiduFirefoxDriver {

	/**
	 * @param args
	 */
	public static void main(String[] args) {
		// TODO Auto-generated method stub 
		System.setProperty("webdriver.firefox.bin", "D:\\Program Files\\Mozilla Firefox\\firefox.exe"); 
		WebDriver driver = new FirefoxDriver();
		//页面跳转
		driver.get("http://www.baidu.com/");
		//根据xpath定位百度查询输入框
		WebElement search=driver.findElement(By.xpath("//*[@id='kw']"));
		//输入查询条件classname
		search.sendKeys("classname");
	}

}

[b]7）使用linkText定位元素[/b]
定位的html文件：

<a href="http://baike.baidu.com" name="tj_baike">百科</a>


package selenium.test.googleSearch;

import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.firefox.*;
public class BaiduFirefoxDriver {

	/**
	 * @param args
	 */
	public static void main(String[] args) {
		// TODO Auto-generated method stub 
		System.setProperty("webdriver.firefox.bin", "D:\\Program Files\\Mozilla Firefox\\firefox.exe"); 
		WebDriver driver = new FirefoxDriver();
		//页面跳转
		driver.get("http://www.baidu.com/");
		//根据linkText定位
		WebElement link=driver.findElement(By.linkText("百科"));
		link.click();
	}

}

[b]8）使用partialLinkText定位元素[/b]
定位的html文件：

<a href="http://baike.baidu.com" name="tj_baike">百科</a>


package selenium.test.googleSearch;

import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.firefox.*;
public class BaiduFirefoxDriver {

	/**
	 * @param args
	 */
	public static void main(String[] args) {
		// TODO Auto-generated method stub 
		System.setProperty("webdriver.firefox.bin", "D:\\Program Files\\Mozilla Firefox\\firefox.exe"); 
		WebDriver driver = new FirefoxDriver();
		//页面跳转
		driver.get("http://www.baidu.com/");
		//根据linkText定位
		WebElement link=driver.findElement(By.linkText("科"));
		link.click();
	}

}

[b][size=large]2.定位多个对象[/size][/b]

package selenium.test.googleSearch;

import java.util.List;

import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.firefox.*;
public class BaiduFirefoxDriver {

	/**
	 * @param args
	 */
	public static void main(String[] args) {
		// TODO Auto-generated method stub 
		System.setProperty("webdriver.firefox.bin", "D:\\Program Files\\Mozilla Firefox\\firefox.exe"); 
		WebDriver driver = new FirefoxDriver();
		//页面跳转
		driver.get("http://www.baidu.com/");
		//定位百度快捷功能链接，并返回其值
		List<WebElement> links=driver.findElements(By.id("nv"));
		for(WebElement e:links){
			System.out.println(e.getText());
		}
	}

}

其输出结果为：

新 闻　网 页　贴 吧　知 道　MP3　图 片　视 频　地 图

[b][size=large]3.层级定位[/size][/b]
层级定位的思想是先定位父元素，然后再从父元素中精确定位出其我们需要选取的子元素。
层级定位一般的应用场景是无法直接定位到需要选取的元素，但是其父元素比较容易定位，通过定位父元素再遍历其子元素选择需要的目标元素，或者需要定位某个元素下所有的子元素。
定位的html文件：

<p id="nv">
<a href="http://news.baidu.com" name="tj_news">新 闻</a>
<b>网 页</b>
<a href="http://tieba.baidu.com" name="tj_tieba">贴 吧</a>
<a href="http://zhidao.baidu.com" name="tj_zhidao">知 道</a>
<a href="http://mp3.baidu.com" name="tj_mp3">MP3</a>
<a href="http://image.baidu.com" name="tj_img">图 片</a>
<a href="http://video.baidu.com" name="tj_video">视 频</a>
<a href="http://map.baidu.com" name="tj_map">地 图</a>
</p>


package selenium.test.googleSearch;

import java.util.List;

import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.firefox.*;
public class BaiduFirefoxDriver {

	/**
	 * @param args
	 */
	public static void main(String[] args) {
		// TODO Auto-generated method stub 
		System.setProperty("webdriver.firefox.bin", "D:\\Program Files\\Mozilla Firefox\\firefox.exe"); 
		WebDriver driver = new FirefoxDriver();
		//页面跳转
		driver.get("http://www.baidu.com/");
		//先定位父元素nv
		WebElement p=driver.findElement(By.id("nv"));
		//再根据父元素定位子元素
		WebElement link=p.findElement(By.name("tj_zhidao"));
		//打印子元素的link值
		System.out.println(link.getText());

	}

}

输出结果为：
知 道
web页面-元素定位
weixin_40611700的博客
11-22 2576
web自动化测试核心内容： 元素定位 网页操作 等待 pytest + selenium 项目实战 为什么要元素定位 ： 元素定位是为了操作浏览器，如输入内容，点击按钮等，就是手工做的，自动化都可以做 自动化去查找元素的方法： 网页的页面结构（selenium），优点是兼容性强，只要结构不变就能找到，不管屏幕大小的改变还是像素的改变都不会影响 坐标（像素 x，y，airtest），缺点：当浏览器窗口放大或缩小的坐标会发生变化 图像识别（把输入框或按钮先截图下来，然后拿着图片来对照找，ai
利用CSS3的定位页面元素
12-12
让我们通过完成一下的实例来了解一下如何在不使用无用的class和id属性的情况下利用CSS3定位页面元素。 相关下载：CSS3.0参考手册下载使用一个唯一的日志(post)ID定位所有日志 wordpress提供给我们一种包含了ID的每篇...
css定位页面元素,页面元素定位-CSS元素基本定位
weixin_32147807的博客
08-04 2552
基本定位"""属性定位 一 """# #通过id# driver.find_element_by_css_selector("#kw").send_keys(u"博客园")# #通过class# driver.find_element_by_css_selector(".s_ipt").send_keys(u"博客园")#通过标签 数量过多的情况下需要增加标签过滤# driver.find_ele...
八大定位元素的方法
热门推荐
10-27 1万+
find_element_by_xxx: 查找符合规范的元素，并返回查找到的第一个元素（通过使用这个方法） find_elements_by_xxx: 查找符合规范的元素，并以列表的形式返回 一.八大定位元素的方法 1.根据元素id属性定位元素(重点) element = driver.find_elemet_by_id('') 2.根据class属性定位元素 （通常不用，因为找到的元素可能不唯一,记住就可以了） element = driver.find_element_by_class_na
Selenium八大元素定位法
m0_73890953的博客
06-10 2326
八大元素定位方法ID、NAME、CLASS_NAME 、Tag_NAME 这个四个根据元素标签和元素数据进行定位。LINK_TEXT、PARTIAL_LINK_TEXT(模糊)这两个根据链接文本进行定位（a标签）。XPATH：元素路径的定位CSS:css选择器定位（样式定位）如何在网页中查看元素？以百度为例，首先进入百度首页，右键点击检查（或者按F12），这样我们就来到页面元素查看界面，如下图。如何查看定位元素属性？
selenium的八大元素定位方式
weixin_53099425的博客
03-04 2711
根据元素的某个特征在网页中找到对应的元素，定位元素的目的是为了操作元素，在Web自动化中，定位元素是后续一切操作的前提条件。
python元素定位的八种方法_selenium八种定位元素方法
weixin_39977642的博客
01-29 1852
1.driver.find_element_by_id('su')定位到元素的id一般id是唯一的，可以精确定位到元素2.driver.find_element_by_name()通过元素的name来定位元素3.driver.find_element_by_class_name()通过元素的class属性来定位4.driver.find_element_by_link_text()通过链接的文本来...
web页面八大元素定位方法
个人博客：https://www.wenbin.org.cn/
05-01 2032
文章目录通过id定位百度输入框，并输入搜索词：阿里云通过name定位`新闻`并输入点击通过class name定位百度输入框，并输入搜索词：`anonymous' blog`通过tag name来定位元素通过link_text来定位元素通过partial_link_text定位元素XPath表达式定位元素元素定位辅助工具**ChroPath**安装方法ChroPath使用示例 通过id定位百度输入...
selenium页面元素定位、操作
qq_50916191的博客
01-16 3916
selenium定位基础。xpath格式，通过 XPATH，ID，NAME，TAG_NAME，CLASS_NAME定位元素，对元素进行click() 、send_value、get_attribute 等操作。
Selenium之页面元素定位
专注测试领域知识分享和技能提升
12-04 2909
单个元素定位 WebDriver提供了八种页面元素定位的方法，下面来依次为大家介绍一下： id定位:find_element_by_id("") HTML页面规定了id属性在HTML文档中必须是唯一的（页面id不唯一时，在编辑器中会标红显示，但是页面依然能正常加载）。id定位方法就是通过元素的id属性来查找元素，比如通过id定位百度输入框： <inputtype="text"class="s_ipt"name="wd"id="kw"maxlength="100"auto...
Web自动化八大元素定位
小菜鸟的历练过程
11-10 3030
使用Chrome打开百度代码： from selenium import webdriver driver=webdriver.Chrome() driver.get("http://www.baidu.com") driver.maximize_window() 1、ID定位 可以根据元素的id来定位属性，id是当前整个HTML页面中唯一的，所以可以通过id属性来唯一定位一个元素，是首选的元...
Python selenium根据class定位页面元素的方法
01-20
本文将详细介绍如何使用Selenium根据class定位页面元素。 首先，Selenium提供了`find_element_by_class_name`方法，用于根据单一的class名称来定位元素。例如，如果HTML代码中有如下的结构： ```html ... ``` ...
关于页面元素的绝对定位和相对定位的一些理解
09-22
例如，在一个绝对定位的容器内，我们可以使用相对定位的元素进行精准布局，这样容器内的元素位置就可以相对于容器本身进行定位，而不会受到其他页面元素的影响。具体到提供的文档内容中，开发人员可以创建一个div...
selenium+python自动化测试之页面元素定位
09-19
本文主要关注的是如何利用 Selenium 和 Python 对网页元素进行定位，这对于执行各种自动化测试任务至关重要。 首先，我们需要理解网页的基本结构。网页由 HTML 构建，HTML 元素是网页的基本组成单元，它们通过标签...
nvidia-docker离线安装包
11-25
安装顺序 dpkg -i libnvidia-container1_1.13.5-1_amd64.deb dpkg -i libnvidia-container-tools_1.13.5-1_amd64.deb dpkg -i nvidia-container-toolkit-base_1.13.5-1_amd64.deb dpkg -i nvidia-container-toolkit_1.13.5-1_amd64.deb dpkg -i nvidia-docker2_2.13.0-1_all.deb dpkg -i nvidia-container-runtime_3.13.0-1_all.deb
触点云 iOS 联动交互控制
11-25
智慧社区中主要分业主与访客，业主可以通过集成该SDK的手机APP，轻松且安全的出入社区大门及楼栋相对应的大门。业主的车及访客的车进入小区都可以通过集成该SDK的手机APP进行进出小区的相应预约设置。如果想进一步了解触点云业务或者购买我们公司的智能设备的可以登录[泛达集团官网](http://www.farbell.com.cn/ "泛达集团官网")或[触点云开放平台](http://open.trudian.com/web/#/ "触点云开放平台")。 ## 业务场景 ### 家庭管理使用场景 管理家庭成功，让每个家庭成员也有同等的业务功能。如果你的房子用于出租，则有房东与租客关系，利用家庭管理关系租客在正常租房时可以有相应开门权限，当退租的时候。则不能使用原有的权限。 ### 增值服务使用场景 提供平台给业主二手物品交易，提供房屋买卖平台和推荐获收益渠道 ### 积分商场使用场景 让业主足不出户就能优惠的购买的日常需要的物品，同时与周边的餐饮店合作提供优惠的价格给业主。
【电能质量扰动】基于ML和DWT的电能质量扰动分类方法研究（Matlab实现）
11-25
【电能质量扰动】基于ML和DWT的电能质量扰动分类方法研究（Matlab实现）内容概要：本文研究了一种基于机器学习（ML）和离散小波变换（DWT）的电能质量扰动分类方法，并提供了Matlab实现方案。首先利用DWT对电能质量信号进行多尺度分解，提取信号的时频域特征，有效捕捉电压暂降、暂升、中断、谐波、闪变等常见扰动的关键信息；随后结合机器学习分类器（如SVM、BP神经网络等）对提取的特征进行训练与分类，实现对不同类型扰动的自动识别与准确区分。该方法充分发挥DWT在信号去噪与特征提取方面的优势，结合ML强大的模式识别能力，提升了分类精度与鲁棒性，具有较强的实用价值。; 适合人群：电气工程、自动化、电力系统及其自动化等相关专业的研究生、科研人员及从事电能质量监测与分析的工程技术人员；具备一定的信号处理基础和Matlab编程能力者更佳。; 使用场景及目标：①应用于智能电网中的电能质量在线监测系统，实现扰动类型的自动识别；②作为高校或科研机构在信号处理、模式识别、电力系统分析等课程的教学案例或科研实验平台；③目标是提高电能质量扰动分类的准确性与效率，为后续的电能治理与设备保护提供决策依据。; 阅读建议：建议读者结合Matlab代码深入理解DWT的实现过程与特征提取步骤，重点关注小波基选择、分解层数设定及特征向量构造对分类性能的影响，并尝试对比不同机器学习模型的分类效果，以全面掌握该方法的核心技术要点。
小爱课程表适配教程[源码]
最新发布
11-25
本文详细介绍了如何适配新版小爱课程表与正方教务系统课表，包括安装开发者工具、分析文档、编写代码（provider.js、parser.js、timer.js）以及处理特殊课程情况（如专修课、个人课表、多周循环课程）。文章提供了完整的代码示例和解析方法，帮助开发者快速实现课表适配。通过本文的指导，读者可以轻松完成小爱课程表与教务系统的对接，提升课表管理的便捷性。
51单片机c源码-非门数字芯片测试
11-25
51单片机c源码-非门数字芯片测试
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值