web自動化04-css定位
阿新 • • 發佈:2022-03-20
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字母的元素