selenium - 使用 javascript 为 Web 元素设置文本 - Selenium Web 驱动程序

Question

如何使用 java 脚本执行器设置 Web 元素的文本？或者还有其他方法可以做到这一点吗？

<a class="selectBox selectBox-dropdown selectBox-menuShowing selectBox-active" style="width: 52px; display: inline-block; -moz-user-select: none;" title="" tabindex="0">
<span class="selectBox-label" style="width: 13px;">10</span>
<span class="selectBox-arrow"/>
</a>

标签下有两个 span 元素 - 这是一个下拉列表。用户单击 span[2]，会显示一个列表，其中包含 10、20、30、40 等数据。用户单击数字(元素)，该列表将被设置为 span[1] 的文本(在此示例中)情况下选择10)。我应该如何解决这个问题？

我尝试了操作生成器，但它不起作用。还有其他建议吗？

Answer 1

如果你想直接改变span[1]的文本，你可以使用下面的代码:

String jScript = "var myList = document.getElementsByClassName(\"selectBox-label\");"
    +"myList[0].innerHTML=\"YourNumber\";"; 
JavascriptExecutor executor = (JavascriptExecutor)driver;
executor.executeScript(jScript);

但是，您也可以使用java脚本单击数字，正如您所说，它将设置span[1]的文本。下面的例子:

WebElement element = driver.findElement(By.xpath("YourNumbersXpath"));
JavascriptExecutor executor = (JavascriptExecutor)driver;
executor.executeScript("arguments[0].click();", element);