前言

SVG英文全称为Scalable vector Graphics，意思为可缩放的矢量图，这种元素比较特殊，需要通过 name() 函数来进行定位。

svg 元素定位

如下看到的svg 标签，就是svg元素

用普通的标签定位，是无法定位的,如xpath的//svg

只能通过 name() 函数来定位 //*[name()="svg"]

如果页面上用多个svg元素，通过//*[name()="svg"] 会定位全部的svg元素，为了区分定位具体的哪个，可以通过父元素的区分

//*[@id="box1"]//*[name()="svg"]

除了用父元素区分，也可以用其它属性组合，svg属性加其它属性，用 and 组合

//*[name()="svg" and @width="500"]

如果需要定位svg 下的子元素，如下图的text属性

跟前面定位方式一样，还是通过name() 函数来定位子元素的标签

//*[@id="box1"]//*[name()="svg"]/*[name()="text"]

再举个例子，定位circle 标签

//*[@id="box1"]//*[name()="svg"]/*[name()="circle"]

本站仅提供存储服务，所有内容均由用户发布，如发现有害或侵权内容，请点击举报。