当前位置 : 主页 > 网页制作 > css >

xpath,css select 定位元素

来源:互联网 收集:自由互联 发布时间:2021-06-13
xpath定位 元素 //* :找到页面内所有的元素 // div:只找页面中的div / :下一级 #单属性定位 //div[@classname= ‘ daliuliu ‘ ] # 定位页面中classname为daliuliu的 div #多属性定位 //div[@classname= ‘ dal

xpath定位 元素

//* :找到页面内所有的元素 //div:只找页面中的div /:下一级
#单属性定位   
//div[@classname=daliuliu] #定位页面中classname为daliuliu的 div

#多属性定位   //div[@classname=daliuliu and @name=name] #定位页面中classname为daliuliu,name=name 的 div

#层级定位   //div[@classname=daliuliu]/input[@type=text] #定位页面中classname为daliuliu的 div下,type=text的input元素

#下标定位   //div[@classname=daliuliu]/input[@type=text][1]#定位页面中classname为daliuliu的 div下,第一个type=text的input元素

css_select 定位元素

# css_select 定位元素
#此方式没有像xpath那样的下标取值,当定位的多个元素时需要按层级的方式定位到自己想要的元素

# 用元素的id定位    #daliuliu  #定位id是daliuliu的元素

# 用元素的class定位
    .daliuliu  #定位class是daliuliu的元素

#用元素的自定义属性定位
    div[name=name] #定位name=name的div

# 多属性定位原先
    div[name=name][classname=daliuliu] #定位name=name,classname=daliuliu的这个div 
#层级定位
    div[name=name]>input #定位div name=name 下的input元素
上一篇:css背景
下一篇:CSS 基本样式
网友评论