zoukankan      html  css  js  c++  java
  • xpath与CSS定位比较

      定位方式 xpath CSS
    常规属性 id //*[@id='kw'] #kw
    class //input[@class='s_ipt'] .s_ipt
    name //input[@name='wd'] [name='wd']
    其他属性 其他属性 //input[@autocomplete='off'] [autocomplete='off']
    多个属性组合(逻辑运算) //input[@type='text'and @name='wd'] [type='text'][name='wd']
    文本属性   //*[text()='文本内容']  
    层级关系 相对路径 //form[@id='form]/span/input form#form>span>input
    索引 //select[@id='nr']/option[3] select#nr>option:nth-child(3)
          select#nr>option:eq(2)
          select#nr>option:first
          select#nr>option:last
    通过儿子找父亲 两个点代表父级 //*[@id='']/../..  
    模糊匹配 模糊匹配text //*[contains(text(),'糯米')]  
    模糊匹配某个属性 //*[contains(@class,'s_ip')]  

    模糊匹配以xx开头

    模糊匹配以xx结尾

    //*[starts-with(@id,'xx')]

    //*[ends-with(@id,'xx')]

     

    补充: 

    选择兄弟节点

      1. 选择当前节点前N位的div标签
        preceding-sibling::div[N]
      2. 选择当前节点后N位的div标签
        following-sibling::div[N]

    本文来自博客园,作者:anthinia,转载请注明原文链接:https://www.cnblogs.com/anthinia/p/10735877.html

  • 相关阅读:
    week02 线性表
    week01绪论
    第一周作业
    C语言第二次实验作业
    C语言实验报告
    博客作业06--图
    博客作业05--查找
    博客作业04--树
    博客作业03--栈和队列
    博客作业2---线性表
  • 原文地址:https://www.cnblogs.com/anthinia/p/10735877.html
Copyright © 2011-2022 走看看