遍历表格

最新推荐文章于 2024-12-30 19:45:00 发布

转载最新推荐文章于 2024-12-30 19:45:00 发布 · 1.7k 阅读

测试专栏收录该内容

15 篇文章

订阅专栏

博客介绍了遍历表格全部单元格的方法，先定位表格元素对象，存储tr元素，再获取单元格对象并读取。还提及可通过此方法定位相似元素集合。同时给出定位表格中某个单元格及子元素的XPath、CSS表达式和Java实例代码，说明了表格结构对表达式书写的影响。

遍历表格的全部单元格

先定位表格的页面元素对象，在表格对象中，把所有tr元素对象存储到list对象中。使用for循环，把对象从rows对象中取出来，使用findElements函数将表格行对象中的所有单元格对象存储到名为cols的List中。在使用for循环读取。

@Test
	public void LocateTable(){
		WebElement tableElement=driver.findElement(By.id("table"));
		List<WebElement> rows=tableElement.findElements(By.tagName("tr"));
		for (int i = 0; i < rows.size(); i++) {
			List<WebElement> cols=rows.get(i).findElements(By.tagName("td"));
			for (int j = 0; j < cols.size(); j++) {
				System.out.println(cols.get(j).getText()+"\t");
			}
			System.out.println("");
		}

}

通过遍历表格，我们也可以用来定位其他相似元素的集合；

例如：遍历多个div下的h2属性值

WebElement divElement=driver.findElement(By.id("system2"));
List<WebElement> list=divElement.findElements(By.tagName("h2"));
 for (int a = 0; a < list.size(); a++) {
  	System.out.println(list.get(a).getText()+"\t");

    }

定位表格中的某个单元格
在测试网站的页面中，定位显示表格的第二行第二列表格。

XPath表达式：//*[@id='table']/tbody/tr[2]/td[2]

CSS表达式：html body table#table tbody tr:nth-child(2) td:nth-child(2)

java实例代码：

WebElement tableElement=driver.findElement(By.cssSelector("html body table#table tbody tr:nth-child(2) td:nth-child(2)"));
WebElement cell=driver.findElement(By.xpath("//*[@id='table']/tbody/tr[2]/td[2]"))

表格的结构比较复杂，将分割成三个部分：题头、正文和脚注。而这三部分分别用:thead,tbody,tfoot来标注。thead用来放标题之类的东西，tbody放数据本体，tfoot放表格的脚注之类……因此在书写表达式时需要先进入tbody部分才能读取tr和td。

定位表格中的子元素

被测试网页代码：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
	<table width="400" border="1" id="table">
	<tr>
		<td align="left">消费项目....</td>
		<td align="right">一月</td>
		<td align="right">二月</td>
	</tr>
	<tr>
		<td align="left">衣服<input type='checkbox'>外套</input><input type='checkbox'>内衣</input></td>
		<td align="right">1000</td>
		<td align="right">500</td>
	</tr>
	<tr>
		<td align="left">化妆品<input type='checkbox'>面霜</input><input type='checkbox'>沐浴露</input></td>
		<td align="right">3000</td>
		<td align="right">500</td>
	</tr>
	<tr>
		<td align="left">食物<input type='checkbox'>主食</input><input type='checkbox'>蔬菜</input></td>
		<td align="right">3000</td>
		<td align="right">650</td>
	</tr>
	<tr>
		<td align="left">总计</td>
		<td align="right">7000</td>
		<td align="right">1150</td>
	</tr>
	</table>
</body>
</html>

定位到表格中第三行的“面霜”复选框。

XPath表达式：//td[contains(text(),'化妆']/input[1]

java实例代码：

WebElement cell=driver.findElement(By.xpath("//td[contains(text(),'化妆']/input[1]"));

表达式中的//td[contains(text(),'化妆']表示模糊匹配到包含“化妆”关键字的单元格，/input[1]表示单元格里面的第二个input元素。

原文引自：https://blog.youkuaiyun.com/vikeyyyy/article/details/80118462