单击按钮引发错误没有这样的元素

Question

我试图在 VBA 中使用 selenium 单击按钮，我设置了这一行

Set ele = .FindElementByXPath("//div/button[@ng-click='VerifyData()']")

在网页上，我可以找到这个 XPath，它是正确的，但是在代码中尝试时，我得到一个错误 No Such Element 我在 HTML 页面中搜索了 iframe，但没有任何线索

<div class="form-details">
                <div class="row">
                    <div class="col-12 text-center">
                        <a style="color: #ea3c00; font-size: 20px;" class="float-right back-button" ng-click="BackToHome()"><i class="fas fa-arrow-right"></i> </a>
                        <h5>
                             
                        </h5>
                    </div>
                    <div class="col-12 form-group form-item">
                        <label for=""><span> أدخل   </span>&nbsp; <span style="font-size:.7em;" ng-show="EmailType == 1" class=""></span></label>
                        <input type="text" pattern="\d*" class="form-control number ng-valid ng-valid-pattern ng-valid-maxlength ng-not-empty ng-dirty ng-valid-parse ng-touched" maxlength="16" ng-model="NationalId">
                    </div>
                    <div class="col-12 form-group form-item">
                        <label for="" class="ng-binding">ss</label>
                        <input type="text" pattern="\d*" class="form-control number ng-valid ng-valid-pattern ng-valid-maxlength ng-not-empty ng-dirty ng-valid-parse ng-touched" maxlength="16" ng-model="PrincipleCode">
                    </div>
                    <div class="col-12 text-center">
                        <div id="recaptcha01" class="g-recaptcha" data-sitekey="6LdpU8gZAAAAAO6-5k51vSLoNVV1Wmsc77S7ptlV"><div style="width: 304px; height: 78px;"><div><iframe title="reCAPTCHA" src="https://www.google.com/recaptcha/api2/anchor?ar=1&amp;k=6LdpU8gZAAAAAO6-5k51vSLoNVV1Wmsc77S7ptlV&amp;co=aHR0cHM6Ly9vZmZpY2UzNjUuZW1pcy5nb3YuZWc6NDQz&amp;hl=ar&amp;v=rPvs0Nyx3sANE-ZHUN-0nM85&amp;size=normal&amp;cb=k31qvndf1wp5" width="304" height="78" role="presentation" name="a-g716ep6e9b8d" frameborder="0" scrolling="no" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox"></iframe></div><textarea id="g-recaptcha-response" name="g-recaptcha-response" class="g-recaptcha-response" style="width: 250px; height: 40px; border: 1px solid rgb(193, 193, 193); margin: 10px 25px; padding: 0px; resize: none; display: none;"></textarea></div></div>
                    </div>
                    <div class="col-12 mt-3 text-center">
                        <button class="btn check-btn" ng-click="VerifyData()" ng-show="Loading == false">CHECK </button>
                        <img src="/wwwroot/images/loader.gif" width="60" ng-show="Loading == true" class="ng-hide">
                    </div>
                    <div class="col-12 text-center error-container ng-binding ng-hide" ng-show="ErrorMessage !=''">
                        
                    </div>
                </div>
           
        </div>

这是我目前正在尝试的代码

.AddArgument "--disable-notifications"
.Start "Chrome"
.Get "https://office365.emis.gov.eg/"
.Wait 1000
.FindElementByXPath("//button[@ng-click='SetEmailType(1)']").Click
With .FindElementByXPath("//input[@ng-model='NationalId']")
    .Clear: .SendKeys shEF.Cells(ActiveCell.Row, 2).Value
End With
With .FindElementByXPath("//input[@ng-model='PrincipleCode']")
    .Clear: .SendKeys shEF.Cells(ActiveCell.Row, 1).Value
End With
.SwitchToFrame .FindElementByTag("iframe", timeout:=10000)
.Wait 1000
.FindElementByXPath("//*[@id='recaptcha-anchor']").Click
.Wait 1000

在另一个页面上，有一个供验证码检查的方块，这里是 outerhtml

<div id="recaptcha02" class="g-recaptcha" data-sitekey="6LdpU8gZAAAAAO6-5k51vSLoNVV1Wmsc77S7ptlV"><div style="width: 304px; height: 78px;"><div><iframe title="reCAPTCHA" src="https://www.google.com/recaptcha/api2/anchor?ar=1&amp;k=6LdpU8gZAAAAAO6-5k51vSLoNVV1Wmsc77S7ptlV&amp;co=aHR0cHM6Ly9vZmZpY2UzNjUuZW1pcy5nb3YuZWc6NDQz&amp;hl=ar&amp;v=rPvs0Nyx3sANE-ZHUN-0nM85&amp;size=normal&amp;cb=yb04gn21huf7" width="304" height="78" role="presentation" name="a-gmezfxiw48et" frameborder="0" scrolling="no" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox"></iframe></div><textarea id="g-recaptcha-response-1" name="g-recaptcha-response" class="g-recaptcha-response" style="width: 250px; height: 40px; border: 1px solid rgb(193, 193, 193); margin: 10px 25px; padding: 0px; resize: none; display: none;"></textarea></div></div>

我无法检查那个方块，虽然我可以在上一页检查

Answer 1

因为你没有分享 link 到那个页面我只能猜测。
所以，而不是

//div/button[@ng-click='VerifyData()']

您可以尝试使用

//button[contains(@ng-click,'VerifyData')]

Answer 2

如果我们在 HTML DOM 中有 unique 条目，请检查 dev tools（Google chrome）。

检查步骤：

Press F12 in Chrome -> 转到 element 部分 -> 执行 CTRL + F -> 然后粘贴 xpath 并查看是否需要 element正在 突出显示 与 1/1 匹配节点。

如果这是唯一的 //div/button[@ng-click='VerifyData()'] 那么您还需要检查以下条件。

检查它是否在 iframe/frame/frameset.
检查它是否在任何 shadow-root.
确保在与元素交互之前正确呈现该元素。放一些 hardcoded delay 或 Explicit wait 然后再试一次。
如果您已重定向到 new tab/ or new windows 而您还没有切换到那个特定的 new tab/new window，否则您可能会得到 NoSuchElement异常。
如果您已切换到 iframe 并且所需的新元素不在同一个 iframe 上下文中，那么首先 switch to default content 然后与之交互。

切换到defaultcontent：

driver.SwitchToDefaultContent

单击按钮引发错误没有这样的元素

Click button raises error no such element

selenium

xpath

vba