chrome xpath的使用

最近研究爬虫的时候,发现chrome也支持xpath,用法如下,在console中输入

$x("//h1")

即可定位到第一个h1元素。

image.png

xpath常用语法

1.定位元素 使用/ 或者//定位元素,如果路径以/开始,代表相对于一个元素的绝对路径,如果路径以//开始,则表示选择文档中所有符合该条件的元素。

/div/p/a  # 表示选择div元素下p元素的a子节点
/div//a  # 表示选择div元素下所有的后代节点中的a节点。

2.选择未知元素 使用通配符*选择未知元素。

/div/*  # 选择div元素下所有的子节点。
/*/*/a # 选择具有两个父元素的所有a节点。
//** 选中所有元素。

3.选择分支 通过在XPath表达式中使用方括号可以进一步地指定一个元素。

/div/p[1]  # 选择div下第一个p节点。
/div/p[last()]  # 选择最后一个元素

4.选择多个路径 使用| 选择多个路径。

/div/p | div/a

5.选择属性 使用@选择属性。

//@country  #选中所有名为country的属性
//a[@href="www.baidu.com']  # 选中所有href为百度的链接。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏进击的君君的前端之路

Vue成神之路之全局API

vue.js——开发版本:包含完整的警告和调试模式 vue.min.js——生产版本:删除了警告,进行了压缩

15530
来自专栏IMWeb前端团队

React性能优化

React性能优化 单个React组件的性能优化 shouldComponentUpdate React利用Virtual DOM来提高渲染性能,但是Virtu...

33850
来自专栏Pythonista

Golang之并发篇

13130
来自专栏Golang语言社区

【Go 语言社区】Golang语言vim开发环境快捷键

生成标签 gotags -R 项目 > tags 跳转到变量定义 光标在某变量或函数上,输入gd跳转;ctrl+o或者Ctrl+t返回 tagbar F8是ta...

33760
来自专栏GreenLeaves

Vue.js系列之一初识Vue

在看vue.js之前,可以先看这两篇文章,对于为什么要使用vue会有一定帮助 1、 Vue.js !important 2、界面之下:还原真实的MV*模式 !i...

24250
来自专栏偏前端工程师的驿站

前端魔法堂:onsubmit和submit事件处理函数怎么不生效呢?

前言  最近在用Polymer增强form,使其支持表单的异步提交,但发现明明订阅了onsubmit和submit事件,却怎么也触发不了。下面我们将一一道来。 ...

22570
来自专栏xingoo, 一个梦想做发明家的程序员

前端开发总览

记录前端学习历程 kissy UI JavaScript   1 funtion方法的高级特性   2 图解闭包   3 JS面向对象高级特性   4 ...

20160
来自专栏Youngxj

给源代码和控制台加上线条字

20730
来自专栏iKcamp

微信小程序基于最新版1.0开发者工具分享-小试牛刀(视频)+发布流程

第一章:小程序初级入门教程 小试牛刀【含视频】 视频地址:https://v.qq.com/x/page/i0554akzobq.html 这一章节中,我们尝...

33090
来自专栏杂七杂八

selenium使用

pip insatll selenium 由于如果需要使用selenium的话,需要为本机配置对应浏览器的驱动,下面以chomedriver为例,首先安装ch...

19230

扫码关注云+社区

领取腾讯云代金券