八、定位页面元素

最新推荐文章于 2024-01-31 11:23:47 发布
最新推荐文章于 2024-01-31 11:23:47 发布
阅读量101 收藏 1
点赞数
分类专栏： Selenium2.0 文章标签： webdriver定位元素 层级定位 多个对象定位 单个对象定位
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iteye_19213/article/details/82434937
版权
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());

	}

}

输出结果为： 
知 道
iteye_19213
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
css定位页面元素,页面元素定位-CSS元素基本定位
weixin_32147807的博客
08-04 2272
基本定位"""属性定位 一 """# #通过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元素八种定位方法
开摆
01-31 4676
元素定位8中方式IdNameLink textTag NameClass NameXpath。
web页面-元素定位
weixin_40611700的博客
11-22 2361
web自动化测试核心内容： 元素定位 网页操作 等待 pytest + selenium 项目实战 为什么要元素定位 ： 元素定位是为了操作浏览器，如输入内容，点击按钮等，就是手工做的，自动化都可以做 自动化去查找元素的方法： 网页的页面结构（selenium），优点是兼容性强，只要结构不变就能找到，不管屏幕大小的改变还是像素的改变都不会影响 坐标（像素 x，y，airtest），缺点：当浏览器窗口放大或缩小的坐标会发生变化 图像识别（把输入框或按钮先截图下来，然后拿着图片来对照找，ai
selenium页面元素定位、操作
qq_50916191的博客
01-16 3089
selenium定位基础。xpath格式，通过 XPATH，ID，NAME，TAG_NAME，CLASS_NAME定位元素，对元素进行click() 、send_value、get_attribute 等操作。
web页面八大元素定位方法
个人博客：https://www.wenbin.org.cn/
05-01 1751
文章目录通过id定位百度输入框，并输入搜索词：阿里云通过name定位`新闻`并输入点击通过class name定位百度输入框，并输入搜索词：`anonymous' blog`通过tag name来定位元素通过link_text来定位元素通过partial_link_text定位元素XPath表达式定位元素元素定位辅助工具**ChroPath**安装方法ChroPath使用示例 通过id定位百度输入...
Web自动化之页面元素定位---Xpath
飞奔的蜗牛
03-26 3077
Web自动化之页面元素定位--Xpath定位方法详解
4.页面元素定位方法
m0_38071468的博客
07-12 1827
Selenium 简介 Selenium WebDriver 根据网页中页面元素拥有不同的标签名和属性值等特征来定位不同的元素，并完成对已定位到的页面元素的各种操作。 在自动化测试实施过程中，测试脚本中常用的页面元素操作步骤如下： 定位网页上的页面元素，获取元素对象。 通过获取的页面元素对象拥有的属性操作该页面元素。如单击、输入框输入等。 设定页面元素的操作值。如设定输入框中输入的内容或者下拉选项框选项等 find_element_by_* 和 find_elements_by_* 的区别： find
Web自动化八大元素定位
小菜鸟的历练过程
11-10 2864
使用Chrome打开百度代码： from selenium import webdriver driver=webdriver.Chrome() driver.get("http://www.baidu.com") driver.maximize_window() 1、ID定位 可以根据元素的id来定位属性，id是当前整个HTML页面中唯一的，所以可以通过id属性来唯一定位一个元素，是首选的元...
元素定位的八种方法
hhdjd6666的博客
06-23 1万+
元素定位的八种方法
利用CSS3的定位页面元素
09-25
本篇文章将深入探讨如何在不依赖class和id属性的情况下，利用CSS3来定位页面元素。 首先，CSS3引入了更强大的选择器，允许我们更加精确地选取和定位页面上的元素。例如，对于WordPress博客中每篇日志都有一个唯一的...
页面元素xpath定位工具.rar
09-21
本压缩包"页面元素xpath定位工具.rar"提供了一个名为DragonTestingXpathHelperV1.0.2的工具，该工具专门用于帮助用户快速、准确地找到网页上的可点击元素和输入字段，并自动生成对应的XPath表达式。 在网页自动化...
关于页面元素的绝对定位和相对定位的一些理解
09-22
页面元素的绝对定位和相对定位在使用中也是比较频繁的，下面就把个人整理的一些小知识点与大家分享下，希望对大家有所帮助
Python selenium根据class定位页面元素的方法
01-20
本文将详细介绍如何使用Selenium根据class定位页面元素。 首先，Selenium提供了`find_element_by_class_name`方法，用于根据单一的class名称来定位元素。例如，如果HTML代码中有如下的结构： ```html ... ``` ...
计算机三级PC专业技术.doc
07-18
计算机
“人力资源+大数据+薪酬报告+涨薪调薪”
最新发布
07-18
人力资源+大数据+薪酬报告+涨薪调薪，在学习、工作生活中，越来越多的事务都会使用到报告，通常情况下，报告的内容含量大、篇幅较长。那么什么样的薪酬报告才是有效的呢？以下是小编精心整理的调薪申请报告，欢迎大家分享。相信老板看到这样的报告，一定会考虑涨薪的哦。
健康产业商业模式研究大纲-医疗器械-迪安诊断.docx
07-18
健康产业商业模式研究大纲-医疗器械-迪安诊断
计算机期末考试题.doc
07-18
计算机
产品经理面试常见问题及答案
07-18
常见面试问题及答案
定位页面元素
06-02
定位页面元素可以使用各种方式，其中常用的有以下几种： 1. 根据元素的ID属性进行定位： ``` element = driver.find_element_by_id("element_id") ``` 2. 根据元素的name属性进行定位： ``` element = driver.find...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值