元素定位技巧:
1、优先定位当前的元素,如果有id就可以直接使用;
2、分析当前的元素,属性有没有特别含义的英文;
3、往父类找,再找父亲的父亲
4、F12,ctrl+F 尝试css语法的可用性
一、选择和操作元素
1、WebDriver和WebElement两个对象选择元素
(1)WebDriver:操作整个浏览器和当前整个页面
当前页面上的选择符合查找条件的对象;
打开网址、回退、前进,刷新网页;
获取,改变浏览器窗口大小,关闭浏览器,截屏;
获取、设置cookies;
(2)WebElement:操作对应web元素
当前web元素的所有子元素里面符合查找条件的对象;
操作该web元素,比如点击,输入,获取坐标,尺寸,文本等;
二、元素查找方式
1、通过id查找元素
(1)id是唯一的,用来标识元素的属性,查找效率最高;
(2)两种写法:
#方式一:
element=driver.find_element_by_id('kw1')
#方式二:
from selenium.webdriver.common.by import By
element=driver.find_element(by=By.ID,value='kw')
(3)没有找到元素报异常
selenium.common.exceptions.NoSuchElementException: Message: no such element:
2、通过name查找元素
name也是标准属性,但是不一定唯一
(1)element返回找到的第一个元素,返回的是webelement对象
ele=driver.find_element_by_name('button')
print(ele.text)
(2)elements返回找到的所有元素,返回的是列表,列表的每个元素是webelement对象;如果找不到,返回空列表,不抛出异常。
eles=driver.find_elements_by_name('button')
print(eles)
print(type(eles))
for ele in eles:
print(ele.text)
3、通过class选择元素
element=driver.find_element_by_class_name()
class也是标准属性,不唯一,通常找一类元素,class空格表示将两个clas分开,相当于分隔符;
class=“a w”,可以使用"a"或"w"查找。
4、通过tag名选择元素
tag名如果是唯一的,可以根据tag定位。
element=driver.find_element_by_tag_name("span")
5、通过链接文本选择元素
一般情况下超链接是唯一的;
(1)对于链接,可以通过链接其链接文本的内容
<a href='https://www.baidu.com'>转到百度</a>
ele=driver.find_element_by_link_text('转到百度')
(2)通过部分链接文本选择元素
ele=driver.find_element_by_partial_lin_text('百度')
6、CSS(层叠样式表)
6.1三种方式
1、根据tag名
p{color:red;} 直接写标签名
2、根据id
#food{color:red;} "#" + "id值"
3、根据class
.vegetable{color:red;} "." + "class值"
6.2 selenium中的基本语法
find_element_by_css_selector("css名")
find_elements_by_css_selector("css名")
eg: 1、根据tag名
driver.find_elements_by_css_selector('p')
2、根据id
driver.find_elements_by_css_selector('#food')
3、根据class
driver.find_elements_by_css_selector('.vegetable')
6.3 selenium中的高级语法
1、根据tag名和class组合选择
span.vegetable{color:red} span标签内class='vegetable'的元素
2、后代选择器
选择元素后代的元素,可以是直接子节点,也可以不是;选择s1里面所有的s2元素:
语法:加空格 <s1>空格<s2>