Selenium webdriver 页面元素定位方法

官网文档：https://www.selenium.dev/documentation/en/webdriver/

Find 方法大全：

• 第一种： webdriver.find_element_by_class_name()  >>   通过CLASS操作元素；
  

  <input type="text" name="username" class="inputstyle_m" placeholder="请输入手机号码/电子邮箱" value="17811895038">

  语法： 

  webdriver.find_element_by_class_name('inputstyle_m')      #确保元素属性class的值在页面是唯一的，即可获取找到元素

   

• 第二种：  webdriver.find_element_by_name()    >>  通过元素name属性操作元素；

  <input type="text" name="username" class="inputstyle_m" placeholder="请输入手机号码/电子邮箱" value="17811895038">

  语法：

  #>> 2.find_element_by_class_name
  webdriver.find_element_by_name('username')    #确保元素属性name的值在页面是唯一的，即可获取找到元素
  

  
   

   

• 第三种： webdriver.find_element_by_id()  >> 通过元素id属性操作元素；
  

  <input type="text" name="username" class="inputstyle_m" placeholder="请输入手机号码/电子邮箱" value="17811895038">

  语法：

  #>> 3.find_element_by_id()
  webdriver.find_element_by_id('footer')   #确保元素属性id的值在页面是唯一的，即可获取找到元素
  

   

• 第四种： webdriver.find_element_by_css_selector() >>  通过CSS选择器操作元素属性；CSS 选择器语法文档 链接
  
  

  <input type="text" name="username" class="inputstyle_m" placeholder="请输入手机号码/电子邮箱" value="17811895038">

  语法：

  webdriver.find_element_by_css_selector('.inputstyle_m') #确保元素属性id的值在页面是唯一的，即可获取找到元素
  

  
   

• 第五种： find_element_by_xpath；webdriver.find_element_by_xpath('#inputstyle_m') #确保元素属性id的值在页面是唯一的，即可获取找到元素
  Xpath 语法文档 链接
  
  

  <input type="text" name="username" class="inputstyle_m" placeholder="请输入手机号码/电子邮箱" value="17811895038">

  语法：
  
  

  #>> 5.find_element_by_xpath
  webdriver.find_element_by_xpath('//*[@name="username"]') #确保元素xpath定位元素在页面是唯一的，即可获取找到元素

   

• 第六种： find_element_by_tag_name；tag用来定义一类功能，所以通过tag识别元素很少用。
  

  <input type="text" name="username" class="inputstyle_m" placeholder="请输入手机号码/电子邮箱" value="17811895038">

  语法：
  

  #>> 6.find_element_by_tag_name
  webdriver.find_element_by_tag_name('input') #确保元素属性id的值在页面是唯一的，即可获取找到元素

• 第七种： find_element_by_link_text()；

  
  <a href="/zh/account/logout"> alt="" height="14"> 退出</a>

  语法：
  

  #>> 7.find_element_by_link_text
  webdriver.find_element_by_link_text('退出') #确保元素属性在页面是唯一的，即可获取找到元素

• 第八种： find_element_by_partial_link_text()；
  是第七种的升级版， partial： 部分

  
  <a href="/zh/account/logout"> alt="" height="14"> 用户退出</a>

  语法：
  

  #>> 7.find_element_by_partial_link_text()
  webdriver.find_element_by_partial_link_text()('户退') #确保元素属性在页面是唯一的，即可获取找到元素

 

复数定位：

• 以上每种定位方式都是一种复数定位，返回的是元素的list ,通过下标操作元素
  webdriver.find_elements_by_class_name           elements