How to make the hidden element visible using java script executor

Question

Currently am working on Selenium Webdriver with Java

Am trying to click on a button but i can't able to click because it is hidden. Please let me know how to make the hidden element visible 1st then how can click the button.

Please give me some example and my HTML tag is:

<input id="iskpiFilterAction" type="hidden" value="1" name="isKpiFilterAction">

it is an hidden input element... why do you want to click it — Arun P Johny, Dec 05 '13 at 03:44

score 2 · Accepted Answer · edited May 23 '17 at 12:19

Hmm, your question doesn't make sense for me. But I can exactly answer for your question.

For selenium 2 (webdriver):

WebDriver driver = ...

JavascriptExecutor jsExecutor = (JavascriptExecutor) driver;
jsExecutor.executeScript("document.getElementById('iskpiFilterAction').type = 'button';");

Result is:

button

This code causes changing type of element (from hidden to button), but it doesn't make sense for all of us. These two elements have different purpose/use. For more information see:

score 0 · Answer 2 · answered Dec 05 '13 at 04:15

0

I didnt quiet understand the question.. However .. if you have a hidden object which you want to unhide dynamically using JavaScript using some trigger, this is a way you could do that:

<head>
<script>
function unhide()
{
    document.getElementById("iskpiFilterAction").type = "button";
} 
</script>
</head>
<body onload="unhide()">
<input id="iskpiFilterAction" type="hidden" value="1" name="isKpiFilterAction">
</body>

I am using body onload event to unhide the object so the moment this page loads you will see the button which u can then click. However if you want it some be triggered at some other event you can use the function accordingly.

Hope it helps.

answered Dec 05 '13 at 04:15

Rahul Dabas

726
2
15
27

Thanks for your reply. I mentioned that am using Java to implement code. – testing Dec 05 '13 at 05:20
@Arun P Johny The thing is am targeting the ID to click the button. The problem is the ID is hidden so am searching solution for that scenario – testing Dec 05 '13 at 05:35
I dont think its doable with java ... Your best bet with java would be to open [http connection](http://hc.apache.org/httpclient-3.x/) with the page's URL using java and send form's expected parameter to emulate button click behavior on a typical browser – Rahul Dabas Dec 05 '13 at 05:59

score 0 · Answer 3 · answered Dec 05 '13 at 15:11

0

Try this:

WebElement element = driver.findElement(By.id("iskpiFilterAction"));  
((JavascriptExecutor) driver).executeScript("arguments[0].style.type = 'button';", element);

answered Dec 05 '13 at 15:11

Andrian Durlestean

1,730
1
19
30

How to make the hidden element visible using java script executor

3 Answers3

Linked