点击样式=“显示：块；”在硒网络驱动程序中

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

qEgULQ 是类，而不是 id。试试

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

Answer 2

您正在尝试将 Javascript 应用于带有 id="qEgULq" 的元素，而您需要带有 class="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(); 未绑定到元素

更新

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

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