selenium小白学习笔记（3） - 定位元素

定位元素的几种方法

selenium中定位元素的方法有8中，俗称八大定位法，包括如下
id、name、class、tag、link_text、partial_link_text、xpath、css。

1、【id定位】：
HTML规定元素的id必须是唯一的，所以大部分的元素都可以使用这种方法。
例子：find_element_by_id(“kw”)
但有的元素没有id，还有的元素id是随机变化的，每次打开时都不固定，对于这两种可使用xpath来定位。
2、【name定位】：如果name在本HTML中是唯一的，也可使用name进行定位。
例子：find_element_by_name(“tj_trnews”)
3、【超链接文本定位】：当页面中元素是超链接文本时，可使用此方法定位。
例子：find_element_by_link_text(“hao123”).click()
4、【超链接部分文本定位】：当页面中元素是超链接文本，并且链接文本很长时，可使用部分链接文本进行定位，更加方便。
例子：find_element_by_partial_link_text(“贴”).click()
5、【xpath定位】：xpath属于比较无敌全能的定位方式。当用id、class等普通方式定位不了的时候，选择xpath准没错的。
xpath是为从xml文档中定位元素的语言。由于HTML属于特殊的xml文档，所以也可以使用这种方式定位。这个介绍起来篇幅就比较大了，这里简单说一下：
1）绝对路径：xpath中可使用绝对路径定位，但一般不这样使用，一旦页面元素有更改，调整起来比较麻烦。
2）属性定位：如id属性，还是以百度输入框为例，//input指当前页面某个input标签，[@id=‘kw’]表示元素的id值为kw
例子：find_element_by_xpath("//input[@id=‘kw’]")
也可不指定标签名，即
例子：find_element_by_xpath("//*[@id=‘kw’]")
3）如果一个属性无法定位成功，可使用多个属性同时定位：
find_element_by_xpath("//*[@id=‘kw’ and @name=‘wd’]")

6、selenium还有其他几种定位方式，如tag定位、class定位、css定位，我用的不多，不详细介绍了。

脚本例子

from selenium import webdriver
import time
    
driver=webdriver.Chrome()
driver.get(r"http://www.baidu.com")
time.sleep(3)
driver.find_element_by_id("kw").send_keys("selenium")
driver.find_element_by_id("su").click()
time.sleep(5)
driver.back()
driver.find_element_by_name("tj_trnews").click()
time.sleep(5)
driver.back()
driver.find_element_by_link_text("hao123").click()
time.sleep(5)
driver.back()
driver.find_element_by_partial_link_text("贴").click()
time.sleep(5)
driver.back()
driver.find_element_by_xpath("//input[@id='kw']").send_keys("xpath")
driver.find_element_by_xpath("//*[@id='su']").click()
time.sleep(5)
driver.back()
driver.quit()

说明：
脚本执行后的效果是：启动chrome浏览器，打开百度首页，然后根据定位的元素进行各种操作：
by_id：输入框中输入selenium，点击百度一下按钮
by_name：点击新闻链接，打开百度新闻页面
by_link_text：点击hao123链接，打开hao123页面
by_partial_link_text：点击包含“贴”的链接，打开百度贴吧页面
by_xpath：输入xpath，点击百度一下按钮

用到的其他常用方法：
1）driver.back()：退回到前一个页面
2）driver.quit()：关闭chrome浏览器

Chrome开发者工具

当对网页中内容并不熟悉时，可打开chrome的开发者工具，使用工具进行元素的定位。如定位百度首页中的输入框，方法如下：
1、chrome浏览器中，打开百度首页
2、chrome浏览器中，点击【右上角的三个点按钮】-【更多工具】-【开发者工具】，或使用快捷键ctrl+shift+i，打开开发者工具页面。
3、点击如图的操作按钮，然后选中左边百度的输入框，则右侧开发者工具中，输入框对应的元素属性就高亮显示了。