xpath操作库

最新推荐文章于 2023-08-19 01:48:54 发布

xyccstudio

最新推荐文章于 2023-08-19 01:48:54 发布

阅读量198

点赞数

文章标签： javascript html5

本文链接：https://blog.csdn.net/xo19882011/article/details/131305034

版权

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]

具体实现传送门