Selenium元素定位的30种方式(史上最全)

比如点击百度首页中右上角的新闻超链接，可以这样去定位：

driver.find_element_by_link_text("新闻").click()
driver.find_element_by_partial_link_text("闻").click()

By定位

通过对上面8种基本元素定位方式的学习，在使用过程种可以根据实际的情况去选择对应的的定位方式，我们可以用By来设置定位策略，具体语法如下：

find_element(By.ID,"kw")
find_element(By.NAME,"wd")
find_element(By.CLASS_NAME,"s_ipt")
find_element(By.TAG_NAME,"input")
find_element(By.LINK_TEXT,u"新闻")
find_element(By.PARTIAL_LINK_TEXT,u"新")
find_element(By.XPATH,"//*[@class='bg s_btn']")
find_element(By.CSS_SELECTOR,"span.bg s_btn_wr>input#su") 

上面这些使用的前提是需要导入By类：from selenium.webdriver.common.by import By

最简单粗暴却失传已久的8种定位

据说这种定位方式在江湖上都快要失传了，实在想不通为什么，明明写起来最简单粗暴啊~

driver.find_element("name","wd").send_keys("Selenium2")
driver.find_element("id","su").click()```

<p>相信通过上面的两只栗子，大家一定会和我一样觉得这种方式的定位实在是太省事了~只要写find_element就好啦，下面我们来总结一下这8种写法与基本定位方法类比过来该怎么写：</p>
<blockquote>
<p>by_id -> find_element("id","")</p>
<p>by_xpath -> find_element("xpath","")</p>
<p>by_link_text -> find_element("link text","")</p>
<p>by_partial_text -> find_element("partial link text","")</p>
<p>by_name -> find_element("name","")</p>
<p>by_tag_name -> find_element("tag name","")</p>
<p>by_class_name -> find_element("class name","")</p>
<p>by_css_selector -> find_element("css selector","")</p>
</blockquote>
<p><span style="color: #ff0000"><strong>elements复数定位</strong></span></p>
<p>在上面的例举的八中基本定位方式种，都有对应的复数形式，分别是下面这些：</p>
<blockquote>
<p>id复数定位find_elements_by_id()<br>
name复数定位find_elements_by_name()<br>
class复数定位find_elements_by_class_name()<br>
tag复数定位find_elements_by_tag_name()<br>
link复数定位find_elements_by_link_text()<br>
partial_link复数定位find_elements_by_partial_link_text()<br>
xpath复数定位find_elements_by_xpath()<br>
css复数定位find_elements_by_css_selector()<br>
</p>
</blockquote>
<p>这些复数定位方式每次取到的都是具有相同类型属性的一组元素，所以返回的是一个list队列，我们也可以利用这个去定位单个的元素。比如百度首页种，右上角有新闻、视频、地图、贴吧等一些链接，我们通过f12查看源码可以发现，这些链接都有共同的class， 。</p>
<p style="text-align: center"><img alt="" src="https://img.94e.cn/media/uploads/full/20200710/2020051114355446.png"><br>
</p>
<p>举个例子，比如定位排在第六个的学术，可以这样定位：driver.find_elements_by_class_name("mnav")[5].click()<br>
</p>
<p>还可以通过css的复数定位写法：driver.find_elements("css selector",".mnav")[6].click()</p>
<p>当然，也可以借助pop()函数，一般pop()或pop(-1)表示获取元素种的最后一个，pop(2)表示第三个：</p>

```python  
driver.find_elements("css selector",".mnav").pop().click()

JS的5种定位方式总结

其实看到这里，上面的定位方式应该就基本够用了，但是有的时候就是会出现一些诡异的定位失效或者定位到了点击失效的问题，这个时候如果用js进行直接执行该事件，往往就可以解决那些诡异的事情~

id定位：document.getElementById()
name定位：document.getElementsByName()
tag定位：document.getElementsByTagName()
class定位：document.getElementsByClassName()
css定位：document.querySelectorAll()

其中只有id对象用的是Element返回是单个对象，其他都是Elements返回的是一个list这点千万要注意，具体用法和上面的webdriver基础定位一样。先写好对应的js语句，可以先赋值给一个变量，然后后调用execute_script进行执行一下js就好了，下面还是结合那个百度搜索的栗子，我写的脚本，可以对应学习实验一下：

search_js = "document.getElementsByName('wd')[0].value='selenium';"
search_js2 = "document.querySelectorAll('.s_ipt')[0].value='selenium';"
button_js = "document.getElementById('su').click();"
button_js2 = "document.getElementsByClassName('s_btn')[0].click()"
driver.execute_script(search_js2)
driver.execute_script(button_js2)

以上分别结合常用的四种js定位方式写了四条js语句，然后要执行的就execute_script一下就好啦~

超神的jQuery定位

据说会jQuery定位的在定位的路上就是披襟斩棘，所向披靡~如此超神的定位，还是可以了解一下的~

jQuery语法是为HTML元素的选取编制的，可以对元素执行一些具体的操作

基础语法是$(selector).action()

$符号定义jQuery，selector选择器用来查询具体的HTML元素，通过action()来执行对元素的具体操作。

其中我们经常用到的action()在jq中有这么几种：

$(selector).val('input_value') 其中input_value表示要输入的文本的值

$(selector).val('') 如果为空，则执行后是清空的意思

$(selector).click() 行为也是肯定有的

让我们结合百度的栗子看一下，用jQuery的写法和js有一点点的类似，但明显简洁多了：

search_jq = "$('#kw').val('selenium')"
button_jq = "$('.s_btn').click()"
driver.execute_script(search_jq)
driver.execute_script(button_jq)

以上就是对webdriver的一些基本定位方式总结，我们再来回顾一下：

分别是……

8种webdriver的基本地位方式，还有对应的8种复数定位，js有5中定位方式，还有超神的jQuery定位，当然，不要忘了快要失传的那8种定位，一共是30种，在实际应用中，总有一种适合你(●ˇ∀ˇ●)

到此这篇关于Selenium元素定位的30种方式(史上最全)的文章就介绍到这了,更多相关Selenium元素定位内容请搜索python博客以前的文章或继续浏览下面的相关文章希望大家以后多多支持python博客！