Xpath,CSS定位速查表
阿新 • • 發佈：2019-01-10
XPath、CSS定位速查表
HTML版如下：
| 描述 | Xpath | CSS Path |
|---|---|---|
| 直接子元素 | //div/a | div > a |
| 子元素或後代元素 | //div//a | div a |
| 以id定位 | //div[@id=’idValue’]//a | div#idValue a |
| 以class定位 | //div[@class=’classValue’]//a | div.classValue a |
| 同級弟弟元素 | //ul/li[@class=’first’]/following-sibling::li | ul>li.first + li |
| 屬性 | //form/input[@name=’username’] | form input[name=’username’] |
| 多個屬性 | //input[@name=’continue’ and @type=‘button’] | input[name=’continue’][type=’button’] |
| 第4個子元素 | //ul[@id=’list’]/li[4] | ul#list li:nth-child(4) |
| 第1個子元素 | //ul[@id=’list’]/li[1] | ul#list li:first-child |
| 最後1個子元素 | //ul[@id=’list’]/li[last()] | ul#list li:last-child |
| 屬性包含某欄位 | //div[contains(@title,’Title’)] | div[title*=”Title”] |
| 屬性以某欄位開頭 | //input[starts-with(@name,’user’)] | input[name^=”user”] |
| 屬性以某欄位結尾 | //input[ends-with(@name,’name’)] | input[name$=”name”] |
| text中包含某欄位 | //div[contains(text(), ‘text’)] | 無法定位 |
| 元素有某屬性 | //div[@title] | div[title] |
| 父節點 | //div/.. | 無法定位 |
| 同級哥哥節點 | //li/preceding-sibling::div[1] | 無法定位 |