svg标签内元素的xpath定位方式

达文西先生

于 2022-05-22 23:47:28 发布

阅读量3.7k

点赞数 6

分类专栏：学习自动化的点点滴滴文章标签： css3 前端 css

本文链接：https://blog.csdn.net/weixin_45314192/article/details/124896139

版权

学习自动化的点点滴滴专栏收录该内容

21 篇文章

订阅专栏

本文探讨了在处理SVG元素时，常规的选择器如//svg可能无法有效定位的问题。由于SVG的特殊性，需要使用name属性结合XPath进行定位，例如//*[name()='svg']。若需结合其他属性，可以使用and操作符，如//*[name()='svg' and @aria-hidden='true']。此方法对于处理SVG元素的定位具有重要意义。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

关于svg的标签定位，我们通常使用//标签名称来进行定位，但是假如是svg标签的话使用//svg的方式就无法进行定位了，比如下方代码，使用//svg来定位的话是定位不到的

 <svg data-v-f9f7fefc="" aria-hidden="true" class="el-tooltip svgIcon-style svg-icon" aria-describedby="el-tooltip-701" tabindex="0">		 				           
 	<use data-v-f9f7fefc="" xlink:href="#icon-编辑">
  	</use>
</svg>