1. 程式人生 > 其它 >web自動化04-css定位

web自動化04-css定位

 css元素定位

1、 是什麼?   用來描述html元素的顯示樣式   選擇器是一種模式,用於選擇需要新增樣式的元素     selenium中推薦使用css定位,比XPath定位要快    2、如何定位?     css定位方法:通過css的選擇器語法定位元素     element = driver.find_element_by_css_selector(css策略)    3、常用定位?     css定位常用策略:       1、id選擇器     2、class選擇器     3、元素選擇器     4、屬性選擇器     5、層級選擇器     ①id選擇器     說明:根據元素id屬性來選擇   格式:#id   例如:#user<選擇id屬性值為userA的元素>   ②class選擇器     說明:根據元素class屬性來選擇   格式:.class   例如:.telA<選擇屬性值為telA的所有元素>   注意:與class_name方法不同的是,如果使用具有多個值的class屬性,則需要傳入全部的屬性,與xpath一樣     ③元素選擇器     說明:根據元素的標籤名選擇   格式:element   例如:input<選擇所有input元素>   ④屬性選擇器     說明:根據元素的屬性名和值選擇   格式:element[attribute = value]   例如:[type = "password"]<選擇type屬性值為password的元素>   需求:開啟註冊A.html頁面,完成以下操作: 1、使用id選擇器定位使用者輸入框,輸入:12345 2、使用屬性選擇器定位密碼輸入框,輸入:1213 3、使用class選擇器定位電話號碼輸入框,輸入:23123 4、使用元素選擇器定位註冊按鈕,並點選   ⑤層級選擇器     說明:根據元素的父子關係來選擇   格式1:element1 >  element2           通過element1來定位element2,並且element2必須為element1的直接子元素   例如1:父層級策略 > 子層級策略   格式2:element1  element2      通過element1米定位element2,並且element2為element1的後代元素   例如2:祖輩策略  後代策略   注意:父子層級關係也可以使用空格連線上下層級策略   4、CSS延伸[瞭解]  
  • input[type^='p']  type屬性以p字母開頭的元素
  • input[types='d”]  type屬性以d字母結束的元素
  • input[type*=‘w']  txpe屬性包含w字母的元素
  ********擴充套件8種元素定位的底層實現**********:     方式:driver.find_element(By.xxx, 'value')   引數說明:     By.xxx :為By類的型別 如:By.ID     value: 元素的定位值 如: "userA"   By類:需要導包 位置: from selenium.webdriver.common.by import By