button - css 选择器上的 click() 在 Selenium webdriver 中不起作用

Question

HTML

<input class="button" type="button" onclick="$.reload('results')" value="Search">

我没有这个的 id 或名称。因此我在写

FirefoxDriver driver = new FirefoxDriver();
driver.get("http://....");
driver.findElement(By.cssSelector("input[value=Search]")).click();

但是 click() 没有发生。

试过了
driver.findElement(By.cssSelector(".button[value=Search]")).click();

试过了
value='Search'(单引号)。

这些选择器正在工作

.button[value=Search] {
padding: 10px;
}
input[value=Search] {
padding: 10px;
}

Answer 1

我会注入(inject)一段js来有信心解决这个问题:

首先使用 DOM 定位元素(在 firebug 中验证):

public void jsClick(){

        JavascriptExecutor js = (JavascriptExecutor) driver;
        StringBuilder stringBuilder = new StringBuilder();
        stringBuilder.append("document.getElementsByTagName('button')[0].click();");
        js.executeScript(stringBuilder.toString());
    }
jsClick();

从你的元素的回顾来看，它就像:

....
stringBuilder.append("document.getElementsByTagName('input')[0].click();");
....

请注意:document.getElementsByTagName('input')返回一个 DOM 元素数组。并正确索引它，例如document.getElementsByTagName('input')[0], document.getElementsByTagName('input') 1 , document.getElementsByTagName('input')[2]....
等你将能够找到你的元素。

希望这对您有所帮助。
问候。