Question

我在使用XPath（或其他定位符）来定位此元素（和其他类似元素）时遇到了麻烦，我尝试使用（路径）作为标记名，但我无法，我想定位（ stroke =“＃929292”）-这是块的颜色-在我的自动化测试方案中使用。

        function display() {  
            if(document.getElementById('GFG').checked) { 
                document.getElementById("disp").innerHTML 
                    = document.getElementById("GFG").value 
                    + " radio button checked"; 
            } 
            else if(document.getElementById('HTML').checked) { 
                document.getElementById("disp").innerHTML 
                    = document.getElementById("HTML").value 
                    + " radio button checked";   
            } 
            else if(document.getElementById('JS').checked) { 
                document.getElementById("disp").innerHTML 
                    = document.getElementById("JS").value 
                    + " radio button checked";   
            } 
            else { 
                document.getElementById("disp").innerHTML 
                    = "No one selected"; 
            } 
        }

Answer 1

您正在尝试与SVG元素进行交互。要访问该元素，您需要使用以下xpath。

在xpath下尝试：

//*[name()='g']/*[@stroke='#929292']

OR

//*[local-name()='g']/path[@stroke='#929292']

OR

//*[name()='g']/path[@stroke='#929292']

OR

//*[local-name()='g']/*[@stroke='#929292']

Answer 2

您还可以使用CSS选择器：

const neededEleme = $('g [stroke="#929292"]')

找到具有特殊标记名和属性的元素-量角器

2 个答案: