selenium 元素查找与属性

男娘i 2023-06-03 06:59 4阅读 0赞

**1.首先你要安装selenium库啦**

pip install selenium

**2.selenium查找元素就八种方法**

from selenium import webdriver

driver=webdriver.Chrome()

\#说明find\_elements\_by 多了一个s，返回的就是一个列表形式

![723253-20190814164510251-2006607294.png][]

**1) driver.find\_element\_by\_id()**

\#传入元素标签对里面的id数据 driver.find\_element\_by\_id("kw")

**2) driver.find\_element\_by\_name()**

\#传入元素标签对里面的name数据 driver.find\_element\_by\_name("wd")

**3）driver.find\_element\_by\_class\_name()**

\#传入元素标签对里面class的名称 driver.find\_element\_by\_class\_name("s\_ipt")

![723253-20190801220024810-1287964744.png][]

**4) driver.find\_elements\_by\_link\_text()**

\#传入元素标签对a里面的文本数据 driver.find\_elements\_by\_link\_text("hao123")

**5) driver.find\_element\_by\_partial\_link\_text()**

\#传入元素标签对a里面的部分文本数据 driver.find\_element\_by\_partial\_link\_text("hao")

**6) driver.find\_element\_by\_tag\_name()**

\#传入元素标签对的标签名 driver.find\_element\_by\_tag\_name("a")

![723253-20190819093049427-38223939.png][]

**7) driver.find\_element\_by\_xpath() \#格式：//+标签名+\[@属性(例如，id,name,class)="属性对应的值"\]**

一.以普通元素定位

driver.find\_element\_by\_xpath(‘//a\[@name="tj\_trnews"\]’) \#定位新闻

二.以text()进行元素定位

driver.find\_element\_by\_xpath(‘//a\[text()="新闻"\]’) \#定位新闻 //为固定格式，a为标签名，text()取标签对中间的文本

三.以contains()进行元素定位

driver.find\_element\_by\_xpath(‘//a\[contains(text(),"hao")\]’) \#定位hao123 //为固定格式，a为标签名，text()取标签对中间的文本，contains为匹配部分数据

四.以or ,and 辅助定位，有时候一个属性定位不了，那么可以用or,and辅助一起定位 \#格式: //+标签名+\[@属性(例如，id,name,class)="属性对应的值" and或or @属性(例如，id,name,class)="属性对应的值"\]

driver.find\_element\_by\_xpath('//a\[@name="tj\_briicon" and @class="bri"\]') \#定位更多产品

五.轴定位，parent(父亲),ancestor(祖先，包括父亲),perceding-sibling(当前元素节点标签之前的所有兄弟结点)，following-sibling(当前元素节点标签之后的所有兄弟结点) \#格式：//+标签名+\[@属性(例如，id,name,class)="属性对应的值"\]+/+轴定位+::+标签名

1）定位父亲

driver.find\_element\_by\_xpath('//a\[@name="tj\_briicon"\]/parent::div\[@id="u1"\]') \#定位更多产品的父亲那么就是u1

2）定位祖先

driver.find\_element\_by\_xpath('//a\[@name="tj\_briicon"\]/ancestor::div') \#定位更多产品的祖先有4个，包括父亲

3）perceding-sibling(当前元素节点标签之前的所有兄弟结点)

driver.find\_element\_by\_xpath(‘//a\[@name="tj\_briicon"\]/preceding-sibling::a\[@name="tj\_settingicon"\]’) \#定位更多产品前面的兄弟节点设置，如果不写\[@name="tj\_settingicon"\]，那么会出现8个兄弟节点

4）following-sibling(当前元素节点标签之后的所有兄弟结点)

driver.find\_element\_by\_xpath('//a\[@name="tj\_trnews"\]/following-sibling::a\[@name="tj\_trhao123"\]') \#定位新闻后面的兄弟节点hao123,如果不写\[@name="tj\_trhao123"\]，那么会出现8个兄弟节点

**8) driver.find\_element\_by\_css\_selector()**

一.以ID进行元素定位

\#号表示通过id属性来定位元素

driver.find\_element\_by\_css\_selector("\#kw")

二.以class属性定位元素

.号表示通过class属性来定位元素

driver.find\_element\_by\_css\_selector(".s\_ipt")

三.以元素属性定位元素（常用）

driver.find\_element\_by\_css\_selector(‘\[name=“wd”\]‘)

driver.find\_element\_by\_css\_selector(‘\[maxlength=“100”\]‘)

~号表示匹配部分属性值

属性值包含s\_btn：适用于由空格分隔的属性值。

driver.find\_element\_by\_css\_selector(‘\[class~="s\_btn”\]‘)

四.以父子定位元素

查找有父级元素的标签名为span，它的所有标签名叫input的子元素

driver.find\_element\_by\_css\_selector("span>input")

五.以组合定位元素

标签名\#id属性值：指的是该input标签下id属性为kw的元素

driver.find\_element\_by\_css\_selector("input\#kw")

标签名.class属性值：指的是该input标签下class属性为s\_ipt的元素

driver.find\_element\_by\_css\_selector("input.s\_ipt")

标签名\[属性=’属性值‘\]：指的是该input标签下name属性为wd的元素

driver.find\_element\_by\_css\_selector(‘input\[name=“wd”\]‘)

父级元素标签名>标签名.class属性值：指的是span下的input标签下class属性为s\_ipt的元素

find\_element\_by\_css\_selector("span>input.s\_ipt")

多个属性组合定位元素（常用）

指的是input标签下id属性为kw且name属性为wd的元素

driver.find\_element\_by\_css\_selector(‘input.s\_ipt\[name=“wd”\]‘)

指的是input标签下name属性为wd且maxlength为100的元素

driver.find\_element\_by\_css\_selector(‘input\[name=“wd“\]\[maxlength=“100“\]‘)

**3.查找元素返回WebElement对象背后的属性（以id为例子）**

**![723253-20190801215854483-1112285221.png][]**

1）返回元素属性值

1 ele=driver.find_element_by_id("kw").get_attribute("class")
    2 print(ele)
    结果:s_ipt

2）返回元素属性值，但是该方法只能获取元素中id或name的属性值，其他的都不能获取

1 ele=driver.find_element_by_id("kw").get_property("id")
     2 print(ele)
     3 ele1=driver.find_element_by_class_name("s_ipt").get_property("id")
     4 print(ele1)
     5 ele2=driver.find_element_by_id("kw").get_property("name")
     6 print(ele2)
     7 ele3=driver.find_element_by_class_name("s_ipt").get_property("name")
     8 print(ele3)
     9 ele4=driver.find_element_by_class_name("s_ipt").get_property("class")  #这种是不行的返回None
    10 print(ele4)
    结果：

kw  
kw  
wd  
wd  
None

property是DOM中的属性，是JavaScript里的对象；attribute是HTML标签上的特性，它的值只能够是字符串；

3)返回内部存储id，这个属性用于判断两个webelements是否引用同个元素

1 ele=driver.find_element_by_id("kw").id
    2 print(ele)
    3 ele1=driver.find_element_by_name("wd").id
    4 print(ele1)
    结果：因为都是引用同一个标签对里面的数据所以id肯定一样

0.822772467010251-1  
0.822772467010251-1

4）返回标签对的名称

1 ele=driver.find_element_by_id("kw").tag_name
    2 print(ele)
    结果：input

5）判断元素是否可见(返回bool值)

1 ele=driver.find_element_by_id("kw").is_displayed()
    2 print(ele)
    结果：True

![723253-20190802173227210-1676681348.png][]

6)判断元素是否被选中（一般用于单选框或者复选框）

1 from  selenium import webdriver
     2 from selenium.webdriver.common.action_chains import ActionChains
     3 driver=webdriver.Chrome()
     4 driver.get("http://www.baidu.com")
     5 ele=driver.find_element_by_xpath('//a[@name="tj_login"]/following-sibling::a[text()="设置"]')
     6 ActionChains(driver).move_to_element(ele).perform()
     7 driver.find_element_by_class_name("setpref").click()
     8 time.sleep(3)
     9 a=driver.find_element_by_id("sh_2").is_selected()  
    10 print(a)
    11 driver.quit()
    结果：True

7)判断元素是否存在HTML上（is\_displayed()本身这个函数用于判断某个元素是否存在页面上（这里的存在不是肉眼看到的存在，而是html代码的存在，很少用到）

1 from selenium import webdriver
    2 driver=webdriver.Chrome()
    3 driver.get("http://www.baidu.com")
    4 a=driver.find_element_by_id('su').is_displayed()
    5 print(a)
    6 driver.quit()

结果：True

转载于:https://www.cnblogs.com/hao2018/p/11285827.html

[723253-20190814164510251-2006607294.png]: /images/20230601/ffa0b30cb592463c94eaf7cd20f132fa.png
[723253-20190801220024810-1287964744.png]: /images/20230601/244376dfe75241f989cb42cb4ff772bf.png
[723253-20190819093049427-38223939.png]: /images/20230601/f8a8ef229fb8479987ec4fb95b1d8bb0.png
[723253-20190801215854483-1112285221.png]: /images/20230601/47db88193011446a9514d9451123b562.png
[723253-20190802173227210-1676681348.png]: /images/20230601/22ebc6e2f1b54f42a9c5a79f49dee049.png