原创,转载备注出处,手机码字,抽空会整理格式
写在最前:定位元素方法多种多样:by name,by tag,by text,by id,by class等,初学者最常用的无非ID、xpath这两种,但上述的几种都可以使用xpath(推荐相对xpath,极其不提倡绝对xpath)、css选择器来实现,总体而言,xpath定位功能更强(轴运算),css选择器也有其有点(简单元素定位时,定位器更短)
一、前置知识:
<div class="input-container ng-tns-c65-17 ng-star-inserted">
<input class="ng-tns-c65-17 ng-untouched ng-pristine ng-invalid px-cascader-input" type="text" autocomplete="off" readonly="" required="" style="width: 400px;">
<!---->
<!---->
<i class="ng-tns-c65-17 ng-star-inserted px-cascader-picker-arrow"></i>
<span class="ng-tns-c65-17 px-cascader-picker-label">
<!---->
<!---->
<!---->
虚拟资源 / 虚机磁盘
</span>
</div>
如上,是一段页面源码:
1、其中<xxx></xxx>是完整的页面标签,<xxx>为开始标签、</xxx>称为闭合标签;开始标签和闭合标签中的文本为展示文本,用innerText表示。没有innerText的标签可以不写闭合标签。
2、标签<div class="input-container ng-tns-c65-17 ng-star-inserted">中,<括号紧接着的第一个单词为其标签名称,其后如同class="input-container ng-tns-c65-17 ng-star-inserted"形式的为标签属性,class为属性名,等号后为其属性值。一个标签下可以有多个属性,如上文的input