我爱编程

Selenium+python之元素定位

2017-10-02  本文已影响0人  shi_xin

Selenium提供了一下方法来定义一个页面中的元素:

find_element_by_id

若查找元素过多,可以在elements后面加s,则返回的结果将是列表,如:

find_elements_by_id

PS:个人觉得css对于新手来说比较难,多操作几遍就可以了,而且css定位比较快,语法简洁,所以偏向于css的使用。

1、通过id定位元素

如果id不是动态的,一个页面的id是唯一的。这是最简单的定位方式。

实例:  find_element_by_id("kw")

注意点:有些id值是动态变化的,则不能使用该方法定位。如下:id就是动态的,每次进入页面,该id都会改变。比如登录网易163邮箱。

2、通过class_name定位元素

class_name有可能重复。

实例:  find_element_by_class_name("s_ipt") 

3、通过tag_name定位元素

标签名字最容易重复,不过,当定位一组数据时,可使用。

实例:find_element_by_tag_name("input")

4、通过name定位元素

name有可能会重复。

实例:find_element_by_name("wd")

5、通过link文字精确定位元素


实例:find_element_by_link_text("百度一下")

6、通过link文字模糊定位元素

有时候它的字符串可能比较长,如果输入全称的话,会显示很长,这时候可以用一模糊匹配方式,截取其中一部分字符串就可以了

实例:find_element_by_partial_link_text("一下")

7、通过CSS定位元素(最重要)


7.1 通过id属性定位

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

find_element_by_css_selector("#kw")

7.2 通过class属性定位元素

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

find_element_by_css_selector(".s_ipt")

7.3 通过标签名定位元素

find_element_by_css_selector("input")

7.4 通过属性定位元素(挺常用的)

find_element_by_css_selector("[name='wd']")

7.5 父子定位元素


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

find_element_by_css_selector("span>input")

7.6 组合定位元素

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

find_element_by_css_selector("input#kw")


标签名.class属性值:指的是该input标签下class属性为s_ipt的元素

find_element_by_css_selector("input.s_ipt")


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

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的元素

find_element_by_css_selector("input.s_ipt[name='wd']")


当然了,firefox也可以复制,安装好firepath插件即可,如图:

8、通过XPath定位元素

实例:

8.1通过属性定位元素

find_element_by_xpath("//标签名[@属性='属性值']")

id属性:

find_element_by_xpath("//input[@id='kw']")

class属性:

find_element_by_xpath("//input[@class='s_ipt']")

name属性:

find_element_by_xpath("//input[@name='wd']")

8.2通过标签名定位元素

指所有input标签元素

find_element_by_xpath("//input")

8.3父子定位元素

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

driver.find_element_by_xpath("//span / input [ @id='su' ]  " )

8.4根据元素内容定位元素(非常实用)

find_element_by_xpath("//p[contains(text(),'京公网')]")

京公网安备11000002000001号

注:contains的另一种用法

//input[contains(@class,'s')]

说明class属性包含s的元素。

8.5组合定位元素

//父元素标签名/标签名的属性值:指的是span下的input标签下class属性为s_ipt的元素

find_element_by_xpath("//span/input[@class='s_ipt']")

多个属性组合定位(挺常用的)

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

find_element_by_xpath("//input[@class='s_ipt'and@name='wd']")

指的是p标签下内容包含“京公网”且id属性为jgwab的元素

find_element_by_xpath("//p[contains(text(),'京公网') and @id='jgwab']")

参考博客园:http://www.cnblogs.com/yufeihlf/p/5717291.html

参考博客园:http://www.cnblogs.com/yoyoketang/p/6128580.html

参考博客园:http://www.cnblogs.com/taceywong/p/6602736.html

上一篇下一篇

猜你喜欢

热点阅读