selenium自动化测试入门 获取元素对象
一、元素定位简介八种属性定位页面元素：
By.ID
By.XPATH
By.LINK_TEXT
By.PARTIAL_LINK_TEXT
By.NAME
By.TAG_NAME
By.CLASS_NAME
By.CSS_SELECTOR
webdriver元素定位方法：
driver.find_element(By.XXX,'元素属性')# 定位单个元素
driver.find_elements(By.XXX,'元素属性')# 定位一组元素，返回list列表 webdriver中元素定位元素的简便方法：
driver.find_element_by_id('元素id属性')# ------ 最常用，简单
driver.find_element_by_name('元素name属性')# ------ 最常用，简单
driver.find_element_by_class_name('元素class属性')# ------ 易重复，看情况使用
driver.find_element_by_tag_name('元素标签名')# ------ 最不靠谱
driver.find_element_by_link_text('链接文本')# ------ 精确匹配链接 （<a> 标签中的文字）
driver.find_element_by_partial_link_text(‘部分链接文本’)# ------ 模糊匹配链接
driver.find_element_by_xpath()# ------ 最灵活，万能的灵药
driver.find_element_by_css_selector()# ------ 没xpath灵活 如果需要使用简便的方法点位一组元素，在element后加个s，如，river.find_elements_by_id() ；
它返回的也是 list列表。
二、怎么获取元素属性？
第一种：Chrome或者Firefox 打开网页，在需要获取属性的元素上[右键 ==> 检查（or查看元素）]
第二种：Chrome或者Firefox 打开网页，按F12（开发者选项），选择左上角的鼠标指针后单击页
面元素
三、获取页面元素
1、id元素定位
<input id="query" class="sec-input" name="query" maxlength="100" autocomplete="off" type="text">
driver.find_element_by_id(‘query’) 2、name元素定位
<input id="query" class="sec-input" name="query" maxlength="100" autocomplete="off" type="text">
driver.find_element_by_name(‘query’) 3、class name元素定位
<input id="query" class="sec-input" name="query" maxlength="100" autocomplete="off" type="text">
driver.find_element_by_class_name(‘sec-input’) 4、 tag name元素定位(最不靠谱)
<input id="query" class="sec-input" name="query" maxlength="100" autocomplete="off" type="text">
driver.find_element_by_tag_name(‘input’) 5、 link_text元素定位
页面底部搜狗输入法连接
<a uigs-id="mid_pinyin" href="http://pinyin.sogou.com/" target="_blank"><i class="i1"></i>搜狗输入法</a>
driver.find_element_by_link_text('搜狗输入法') 注意：连接文本是<a></a>标签对之间的文本
6、 partial link text元素定位
<<a uigs-id="mid_pinyin" href="http://pinyin.sogou.com/" target="_blank">
<i class="i1"></i>搜狗输入法</a>
driver.find_element_by_partial_link_text(‘输入法’) 7、 XPath元素定位(强大)
学习资料： http://www.w3school.com.cn/xpath/
xpath 可以根据元素的父节点或者哥哥弟弟节点定位到元素。
driver.find_element_by_xpath(‘//form[@id="sf"]//input[@type="text"]’) # 上级节点定位下级子节点
driver.find_element_by_xpath(‘//span[@class="enter-input"]/preceding-sibling::span/input’)# 通过节点的弟弟节点定位 注意：使用xpath最好不要使用工具获取，手写的可靠性更高
8、css元素定位
css定位元素比xpath块，id，name，class，tag name都是转换为css后定位元素。具体请看
find_element方法的代码。
<input id="query" class="sec-input" name="query" maxlength="100" autocomplete="off"
type="text">
driver.find_elements_by_css_selector(".sec-input")#.表示class
driver.find_elements_by_css_selector("#query") ##表示id 四、xpath 与 css 对照表
学习
页:
[1]
