javascript - 单击 selenium webdriver 中的样式 ="display: block;"

Question

我正在尝试点击样式为 style="display: block;" 的元素，但无法点击。

下面是html代码

<div class="fl f18 dtoggler pointer underline some-padding new_data_entry" data-div-id="eBWJcg" data-div-ref="new_Passport_form.eBWJcg">+ Add Passport</div>
<div class="clear new_Passport_form qEgULQ some-margin togglable" style="display: none;">

Selenium 代码:

driver.get("idfystaging.com/users/sign_in"); 
driver.findElement(By.name("user[login]")).sendKeys("rustam1‌​@yopmail.com"); 
driver.findElement(By.name("user[password]")).sendKeys("Pass‌​word123"); 
driver.findElement(By.name("commit")).click();     
driver.switchTo().frame("upload_iframe_1");
driver.findElement(By.cssSelector("body")).sendKeys(Keys.ESC‌​APE); 
JavascriptExecutor executor= (JavascriptExecutor)driver;
executor.executeScript("document.getElementById('qEgULQ').st‌​yle.display='block';‌​");click();

错误日志:

Cannot read property 'style' of null.

Answer 1

当您需要 class="qEgULq" 元素时，您正在尝试将 Javascript 应用于 id="qEgULq" 元素:

只是替换

executor.executeScript("document.getElementById('qEgULQ').st‌​yle.display='block';‌​");

与

executor.executeScript("document.querySelector('div.clear.new_Passport_form.qEgULQ.some-margin.togglable').st‌​yle.display='block';‌​");

另请注意，您提供的代码段中的click(); 未绑定(bind)到元素

更新

如果某些类名是动态生成的或仅在某些事件上分配的，则可以避免使用类名作为定位器:

WebElement targetDiv = driver.findElement(By.xpath("//div[text()='+ Add Passport']/following-sibling::div"));
executor.executeScript("arguments[0].st‌​yle.display='block';‌​", targetDiv);