Selenium基础：元素定位的8种方法

(1) 元素定位一共有8种方法

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

1. 经过id或name定位

<input type="text" class="s_ipt" name="wd" id="kw" maxlength="100" autocomplete="off">

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

1.   brower.find_element_by_id("kw")
2.   brower.find_element_by_name("wd")

2. 经过class name或tag name定位

1.   <div class="jstEditor">
2.   <textarea cols="60" rows="10" accesskey="e" class="wiki-edit" name="issue[description]" id="issue_description">
3.   </textarea>
4.   </div>

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

brower.find_element_by_class_name("iki-edit")

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

brower.find_element_by_tag_name("div")

附加说明，若是class属性含有空格，那么取其中一个不重复的字段就能够了，例子：

<a title="新建版本" tabindex="200" class="icon-only icon-add" data-remote="true" data-method="get" href="/projects/bk_community/versions/new">新建版本</a>

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

brower.find_element_by_class_name("icon-add")

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

<a href="http://news.baidu.com" target="_blank" class="mnav">新闻</a>

经过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代码为例：

<input type="text" class="s_ipt" name="wd" id="kw" maxlength="100" autocomplete="off">

定义浏览器

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)就是第几个孩子的意思。