SVG标签的Xpath定位方法(关闭Tab标签页)

发布时间 2023-06-03 10:43:16作者: 竹林小舍

svg(可伸缩矢量图形 )在前端应用中广泛被使用,然而采用传统的xpath元素定位方法已经无法对其进行定位,我们需要将svg标签及其包含的子标签用以下方式表达:

工作时遇到一个问题,就是想删除Tab标签页,但是标签的关闭是个SVG标签,用传统的Xpath标签无法定位,查找了一些资料,参考了两个别人分享的经验,最终,在第二个经验中尝试后,终于得到问题解决

解决方法是将svg标签和包含的标签用

语法如下:

/[name()=‘svg’]/[name()=‘包含标签’]

【自己定位】

 

 PS:因为span节点和svg节点是平级的,所以用了Xpath轴的following-sibling的定位方法;如果svg在span的下级,则可以用/或//来代替,或者是following来代替即可

对于难定位的标签,尽量用Xpath轴的方法following(哥哥定位弟弟)的方法,或是preceding(弟弟定位哥哥)

 

【文章一】

【文章二】