Python-selenium-选择器-快速定位元素-XPath-CSS选择器

元素。element1~element2p ~ ul选择前面有

元素的每个

元素。[attribute][target]选择带有 target 属性的所有元素。[attribute=value][target=_blank]选择带有 target="_blank" 属性的所有元素。[attribute~=value][title~=flower]选择 title 属性包含单词 “flower” 的所有元素。[attribute|=value][lang|=en]选择 lang 属性值以 “en” 开头的所有元素。[attribute^=value]a[href^=“https”]选择其 src 属性值以 “https” 开头的每个 元素。[attribute$=value]a[href$=".pdf"]选择其 src 属性以 “.pdf” 结尾的所有 元素。[attribute*=value]a[href*=“abc”]选择其 href 属性值中包含 “abc” 子串的每个 元素。:activea:active选择活动链接。::afterp::after在每个

的内容之后插入内容。::beforep::before在每个

的内容之前插入内容。:checkedinput:checked选择每个被选中的 元素。:defaultinput:default选择默认的 元素。:disabledinput:disabled选择每个被禁用的 元素。:emptyp:empty选择没有子元素的每个

元素（包括文本节点）。:enabledinput:enabled选择每个启用的 元素。:first-childp:first-child选择属于父元素的第一个子元素的每个

元素。::first-letterp::first-letter选择每个

元素的首字母。::first-linep::first-line选择每个

元素的首行。:first-of-typep:first-of-type选择属于其父元素的首个

元素的每个

元素。:focusinput:focus选择获得焦点的 input 元素。:fullscreen:fullscreen选择处于全屏模式的元素。:hovera:hover选择鼠标指针位于其上的链接。:in-rangeinput:in-range选择其值在指定范围内的 input 元素。:indeterminateinput:indeterminate选择处于不确定状态的 input 元素。:invalidinput:invalid选择具有无效值的所有 input 元素。:lang(language)p:lang(it)选择 lang 属性等于 “it”（意大利）的每个

元素。:last-childp:last-child选择属于其父元素最后一个子元素每个

元素。:last-of-typep:last-of-type选择属于其父元素的最后

元素的每个

元素。:linka:link选择所有未访问过的链接。:not(selector):not§选择非

元素的每个元素。:nth-child(n)p:nth-child(2)选择属于其父元素的第二个子元素的每个

元素。:nth-last-child(n)p:nth-last-child(2)同上，从最后一个子元素开始计数。:nth-of-type(n)p:nth-of-type(2)选择属于其父元素第二个

元素的每个

元素。:nth-last-of-type(n)p:nth-last-of-type(2)同上，但是从最后一个子元素开始计数。:only-of-typep:only-of-type选择属于其父元素唯一的

元素的每个

元素。:only-childp:only-child选择属于其父元素的唯一子元素的每个

元素。:optionalinput:optional选择不带 “required” 属性的 input 元素。:out-of-rangeinput:out-of-range选择值超出指定范围的 input 元素。::placeholderinput::placeholder选择已规定 “placeholder” 属性的 input 元素。:read-onlyinput:read-only选择已规定 “readonly” 属性的 input 元素。:read-writeinput:read-write选择未规定 “readonly” 属性的 input 元素。:requiredinput:required选择已规定 “required” 属性的 input 元素。:root:root选择文档的根元素。::selection::selection选择用户已选取的元素部分。:target#news:target选择当前活动的 #news 元素。:validinput:valid选择带有有效值的所有 input 元素。:visiteda:visited选择所有已访问的链接。 7.总结

  通过上面的讲述可以清楚的得出selenium提供简单的定位方式，如name,id和tag，也提供了复杂的定位方式，如xpath和css选择器两种方式来增强灵活性。读者遇到具体的项目时，可以灵活采用。

8.其它 8.1.网页源代码获取

  如需更精确的定位，通常涉及获取网页源码，如下所示：

page_source=driver.page_source;

8.2.Javascript执行

  selenium提供了外部执行JS代码的接口，这样可以通过执行外部的JS语句来执行一些对应的功能。结合Jquery的选择器，如下所示：

##1、根据id定位 
jq_userName = "$('#session_email_or_mobile_number’).val('userName’)" 
dr.execute_script(jq_userName) 
sleep(2)
 
##2、根据type定位 
jq_userName2 = "$(':text’).val('type’)" 
dr.execute_script(jq_userName2) 
sleep(2)
 
##3 根据class定位 
##jq_loginBtn = "$('.sign-in-button’).click()" 
##dr.execute_script(jq_loginBtn)
 
##4、按层级定位 
##带有标签的层级定位
 
jq_userName3 = "$('div.input-prepend.restyle.js-normal > input#session_email_or_mobile_number’).val('userName3’)" 
dr.execute_script(jq_userName3) 
sleep(2)
 
##2）不带有标签的层级定位 
jq_userName4 = "$('.input-prepend.restyle.js-normal > #session_email_or_mobile_number’).val('userName4’)" 
dr.execute_script(jq_userName4) 
sleep(2)
 
##3）、不带层次符 
jq_userName5 = "$('.input-prepend.restyle.js-normal #session_email_or_mobile_number’).val('userName5’)" 
dr.execute_script(jq_userName5) 
sleep(2)
 
##4)、选择最后一个元素 
jq_userName6 = "$('div.input-prepend.restyle.js-normal > input:last’).val('userName6’)" 
dr.execute_script(jq_userName6) 
sleep(2)
 
##5)、选择指定元素 标签:eq(索引位) – 从0开始 
jq_userName7 = "$('div.input-prepend.restyle.js-normal > input:eq(0)’).val('userName7’)" 
dr.execute_script(jq_userName7) 
sleep(2)
 
##6)、选择指定元素 标签:nth-child(序号) – 从1开始 
jq_userName8 = "$('div.input-prepend.restyle.js-normal > input:nth-child(1)’).val('userName8’)" 
dr.execute_script(jq_userName8)

8.3.浏览器

  浏览器提供了强大的选择器显示功能，供读者参考，如下图所示：

9.作者答疑

  如有疑问，请留言。