selenium定位元素的8种方法

元素定位一共有8种方法

id	唯一的
name	元素的名称
class name	元素的类名
tag name	标签，不推荐，重复率太高
link text	文本链接
partial link text	对文本链接的一种补充
xpath	相对/绝对路径
css selector	css定位

1.通过id或name定位

通过元素所带的id和name属性对元素定位：

1. brower.find_element_by_id("kw")

2. brower.find_element_by_name("wd")

2.通过class name或tag name定位

2. </code></p> </li> <li> <p><code>

通过元素中带的class属性定位

brower.find_element_by_class_name("iki-edit")

通过元素中的tag标签定位，这种定位方式极不靠谱，不推荐采取此种方式。

brower.find_element_by_tag_name("div")

附加说明，如果class属性含有空格，那么取其中一个不重复的字段就可以了，例子：

新建版本

其中class的属性值为“icon-only icon-add”，取其中“icon-only”、“ icon-add”都可以，但最好是取其中唯一的。

brower.find_element_by_class_name("icon-add")

3.通过link text和partial link text定位

新闻

通过text link定位元素

brower.find_element_by_link_text("新闻")

通过partial link text定位元素，当文字链接很长时，可以通过此方式取其中一部分，只要取的部分可以作为唯一标识。

brower.find_element_by_partial_link_text("新")

4.xpath定位

此种定位方式需知晓xpath路径，通过火狐浏览器就可以知道，具体如何操作，可参考我的另一篇博文

https://blog.csdn.net/qq_30990097/article/details/81325681

调用的方法为：

brower.find_element_by_xpath("/html/body/div[1]/div/div[2]/ul/li[2]")

也可以通过相对路径自行填写，例如：

//*[@id="su"]/form/span/input              #通过上三级目录的id属性定位

当然也可以通过某一级的name属性定位。

5.CSS定位

css定位有点麻烦，方法很多。以百度输入框html代码为例：

定义浏览器

1. from selenium import webdriver

2.  

3. browser = webdriver.Chrome()

4. browser.get("https://www.baidu.com/")

• 通过id或class属性定位，方法见代码注释

1. #css通过id属性定位,用#号表示id属性

2. browser.find_element_by_css_selector("#kw").send_keys("css通过id属性定位")

3. #css通过class属性定位，用.表示class属性

4. browser.find_element_by_css_selector(".s_ipt").clear()

• 通过标签定位

1. #css通过标签属性定位，无任何标识符,最好加上一个固定属性，否则会出错

2. browser.find_element_by_css_selector("input[class=s_ipt]").send_keys("css通过标签属性定位")

3. browser.find_element_by_css_selector("input#kw").send_keys("css通过标签属性定位")

• 通过其他属性定位

1. #css通过其他属性定位

2. browser.find_element_by_css_selector("[name='wd']").send_keys("css通过name属性定位")

3. browser.find_element_by_css_selector("[autocomplete='off']").clear()

• 通过css层级关系定位

还是以百度的输入框html代码为示例：

定位代码：

1. #css层级关系

2. browser.find_element_by_css_selector("form#form>span>input").send_keys("通过层级定位")

3. browser.find_element_by_css_selector("form.fm>span>input").clear()

•  通过css索引定位

示例html代码：

定位代码：

1. #通过css索引定位

2. browser.find_element_by_css_selector("select.pagination-page-list>option:nth-child(1)").click()

option:nth-child(1)就是第几个孩子的意思。