浅谈Selenium+Webdriver 常用的元素定位方式

假设页面源代码如下：

<input type="text"name="wd" id="kw1" class="input_wd" maxlength="100"style="width:474px;"autocomplete="off">

通过id定位元素：find_element_by_id(“id_vaule”)：

browser=webdriver.Firefox()
browser.find_element_by_id("kw1")

通过name定位元素：find_element_by_name(“name_vaule”)

browser.find_element_by_name("wd")

通过tag_name定位元素：find_element_by_tag_name(“tag_name_vaule”)

browser.find_element_by_tag_name("input")#tag_name指标签名称

通过class_name定位元素：find_element_by_class_name(“class_name”)

browser.find_element_by_class_name("input_wd")

通过css定位元素：find_element_by_css_selector();用css定位是比较灵活的

browser.find_element_by_css_selector("input[id=\"kw1\"]")
browser.find_element_by_css_selector("input.input_wd)
browser.find_element_by_css_selector("#kw1)

通过xpath定位元素：find_element_by_xpath(“xpath”)
XPath(XML Path Language)是一种在XML文档中定位元素的语言,由于HTML文档本身就是一个标准的XML页面，所以我们可以使用XPath的语法来定位页面元素。
假设页面源代码如下：

页面源代码

注：元素的xpath绝对路径可通过firebug直接查询,绝对路径以单/开头，从文档的根节点开始解析（如：/html/body/table/tbody/tr[2]/td[2]/div/div[1]/div/div[2]/div[4]/div[3]/div[1]/a[1]），相对路径则以//开头，从文档的任意节点开始解析。

firebug查看xpath

相对路径的引用写法：

表达式	描述
//input	选取所有input元素
//form[1]/input	选取第一个form元素内的所有直接子input元素
//form[1]//input	选取第一个form元素内的所有子input元素，不论嵌套了多少层
//form[1]/input[last()]	选取第一个form元素内的所有直接子input元素中的最后一个
//form[@id='loginForm']	选取id属性值为loginForm的form元素
//input[@name='continue'][@type='button']	选取name属性值为continue且type属性值为button的input元素
//form[@id^='loginForm']/input[4]	选取id以loginForm开头的form元素下第4个input元素
browser.find_element_by_xpath(“//td[contains(text(),'下单编号')]”)	选取text文本为下单编号的td

通过link定位：find_element_by_link_text(“text_vaule”)或者find_element_by_partial_link_text()
适用于页面中出现的文字链接

browser.find_element_by_link_text("登录").click() #点击登录链接
browser.find_element_by_partial_link_text("登").click()#只用了链接中的部分文字

参考资料：

[1]XPath教程
 [2]Selenium Webdriver元素定位的八种常用方式

到此这篇关于浅谈Selenium+Webdriver 常用的元素定位方式的文章就介绍到这了,更多相关Selenium Webdriver元素定位内容请搜索自学编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持自学编程网！

编程技巧