JavascriptExecutor is not identifying the button to click in Webdriver

Question

I have this HTML

<div class="btnContr">    
  <input type="button" onclick="return cancel();" value="Cancel"/>

Below is the xpath identified, using this xpath, I am not able to click on the button.

Xpath=//div[@class='btnContr']/input[@onclick='return cancel();']

Code written:

JavascriptExecutor jse = (JavascriptExecutor)ff;
            jse.executeScript("document.getElement(By.xpath('//div[@class='btnContr']/input[@onclick='return cancel();']').click()");

What should my code be?

Answer 1

The problem is in your use of quotes - they don't match correctly. Since you're using three levels of quotes (around document.getElement; around the xpath; and for the attributes) you'll need to escape one pair.

jse.executeScript("document.getElement(By.xpath(\"//div[@class='btnContr']/input[@onclick='return cancel();']\").click()");

Answer 2

WebDriver driver; //instantiated somewhere else, obviously
WebElement element = driver.findElement(By.xpath("//div[@class='btnContr']/input[@value='Cancel']");
element.click();

Why are you bothering with JavascriptExecutor, when Selenium has the functionality to click an element selected by XPath built in?

Answer 3

I like to use below format to avoid quotes errors:

WebElement element= driver.findElement(By.xpath("//div[@class='btnContr']/input[@value='Cancel']"));

JavascriptExecutor executor = (JavascriptExecutor) driver;
executor.executeScript("arguments[0].click();", element);

Answer 4

I was looking to click and send text by using xpath in JSE. Here is how I've done it:

WebElement element = driver.findElement(By.xpath("//input[@title='Search']"));
WebElement element1 = driver.findElement(By.xpath("//a[text()='Gmail']"));
String hi = "Hi";

JavascriptExecutor jse = (JavascriptExecutor) driver;

jse.executeScript("arguments[0].click();", element1);  //for clicking

// for Entering text
jse.executeScript("arguments[0].value='"+hi+"';", element); 

Answer 5

This works for me:

WebElement elmnt =driver.findElement(By.xpath("//*[@id='signOutLink']"));   
JavascriptExecutor js = (JavascriptExecutor) driver;  
js.executeScript("arguments[0].click();", elmnt);