xpath是一个比较神奇的东西,在开发网页或者爬虫的时候经常会需要用到,为了方便的获取某一些元素的xpath或通过xpath获取到相应的元素合集,开发了一个简单的xpath操作库。
使用方式如下:
npm install xpathpro
import {getXpathOfElement, getElementsByXpath} from 'xpathpro'
获取xpath例子:
getXpathOfElement(ele, true, true)
// /html/body/div[3]/div/div/div[3]/div/div[3]/div[2]/div/div[1]/div[1]/div[3]/div/div
getXpathOfElement(ele, true, false)
// //*[@id="teambition-web-content"]/div/div/div[3]/div/div[3]/div[2]/div/div[1]/div[1]/div[3]/div/div
getXpathOfElement(ele, false, true)
// /html/body[@class='mac os chrome modal-open']/div[@id='teambition-web-content']/div[@class='project-app-view']/div[@class='project-app-inner']/div[@class='smart-group-view fade in']/div[@class='agile-view']/div[@class='agile-view-wrapper']/div[@class='table-board-view']/div[@class='bi-table__k1IR']/div[@class='swim-table__oo_M']/div[@class='swim-grid__0FuN']/div[@class='scrollbar-filling-space__g3rY']/div[@class='scrollbar-horz-container__xHRO']/div[@class='scrollbar-horz-handler__KUYd']
getXpathOfElement(ele, false, false)
// //*[@id='teambition-web-content']/div[@class='project-app-view']/div[@class='project-app-inner']/div[@class='smart-group-view fade in']/div[@class='agile-view']/div[@class='agile-view-wrapper']/div[@class='table-board-view']/div[@class='bi-table__k1IR']/div[@class='swim-table__oo_M']/div[@class='swim-grid__0FuN']/div[@class='scrollbar-filling-space__g3rY']/div[@class='scrollbar-horz-container__xHRO']/div[@class='scrollbar-horz-handler__KUYd']
获取元素例子:
getElementsByXpath("/html/body[@class='mac os chrome modal-open']/div[@id='teambition-web-content']/div[@class='project-app-view']/div[@class='project-app-inner']/div[@class='smart-group-view fade in']/div[@class='agile-view']/div[@class='agile-view-wrapper']/div[@class='table-board-view']/div[@class='bi-table__k1IR']/div[@class='swim-table__oo_M']/div[@class='swim-grid__0FuN']/div[@class='scrollbar-filling-space__g3rY']/div[@class='scrollbar-horz-container__xHRO']/div[@class='scrollbar-horz-handler__KUYd']")
// [div.scrollbar-horz-handler__KUYd]