从下面的 HTML 代码中找到 idNumber 元素

Question

<div id="rightContent" style="display: inline-block; width: 700px; vertical-align: top;">
                <div>
                    <h1><em class="SomethingHeading">Something</em></h1>
                </div>

<div class="content scaffold-list" role="main">
    <h1>Search</h1>



    <form action="/SomethingArchiveUI/search/search" method="post">
        <table>
            <tbody>
            <tr>
                <td>ID/Registration Number:</td>
                <td>
                    <**input type="text" name="idNumber" maxlength="20" value="" id="idNumber"**>
                </td>
            </tr>
            <tr>
                <td>Client Name:</td>
                <td>
                    <input type="text" name="clientName" maxlength="50" value="" id="clientName">
                </td>
            </tr>
            <tr>
                <td>Client Surname:</td>
                <td>
                    <input type="text" name="clientSurname" maxlength="50" value="" id="clientSurname">
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <input type="hidden" name="_dateRange"><input type="checkbox" name="dateRange" value="true" id="dateRange"><label for="dateRange">&nbsp;Use date range?</label>
                </td>
            </tr>
            <tr>
                <td colspan="2"><p>From: <input type="text" name="fromDate" value="" maxlength="10" id="fromDate" class="hasDatepicker"> To: <input type="text" name="toDate" value="" maxlength="10" id="toDate" class="hasDatepicker"></p></td>
            </tr>
            </tbody>
        </table>
        <div style="display: inline;">
            <div id="divSubmit">
                <input type="submit" name="cmdSearch" class="buttons" value="Search" id="cmdSearch">
            </div>
            <div id="divBusy" style="display: none;">
                Busy Searching...
            </div>
        </div>
    </form>

    <table id="customerIdentificationList" style="display: block;">


    </table>
    <div id="loadingMessage" style="display: none;">
        Loading. Please wait.
    </div>
</div>


            </div>

我使用下面的代码登录到应用程序，但类似的代码似乎不适用于上面的这个表单。我正在尝试查找“idNumber”元素：

driver.findElement(By.xpath("//*[@id='idnumber']")).sendKeys("Username");
driver.findElement(By.xpath("//*[@id=\'password\']")).sendKeys("Password");
driver.findElement(By.xpath("//*[@id=\'submit\']")).click();

我得到的错误是：org.openqa.selenium.NoSuchElementException: no such element: Unable to locate element: {"method":"xpath","selector":

期待您的回复。

Answer 1

尝试使用以下方式 -

首先获取根元素并将其保存到 WebElement 对象中。然后查找输入元素idNumber

WebElement elem = driver.findElement(By.cssSelector("#rightContent > div.content.scaffold-list > form"));   
elem.findElement(By.id("idNumber")).sendKeys("Username");

Answer 2

我不知道在这种情况下您不能使用 By.id() 或 By.xpath 的原因。但是您可以尝试使用以前的 td.txt 中的文本查找输入。我希望下一个代码会有所帮助：

driver.findElement(By.xpath("//td[text()='ID/Registration Number:']/following-sibling::td/input")).sendKeys("Username");

Answer 3

为什么不直接使用By.id()？

driver.findElement(By.id("idNumber"));

Answer 4

使用：.//input[@id='idnumber']