GetElementById issue with hidden command link

Question

I am having scrollable table whose rows are not editable. This table is in first half of screen. The bottom half of screen displays detail with respect to each row. So say i click on row 1 the bottom screen gets refreshed with details of row1.
When i am clicking a row i am getting javascript error "object expected". Can anyone help me out...i am putting my piece of code below...
<script>
func A()
document.form1.offerid.value = val;
clickLink('hiddenLink');
function clickLink(linkId)
var fireOnThis = document.getElementById(linkId)
fireOnThis.click()
</script>
<h:form id="form1">
<input type="hidden" name="offerid" />
<t:commandLink id="hiddenLink" forceId="true" style="display:none; visibility: hidden;" action="#{TestBean.openClickOffer}"/>
</h:form>

Answer 1

I have tried using fireOnThis.click() but it gave object expected error. The line in generated code where it is giving this error is ....
<a href="# onclick="clear_form1();document.forms['form1'.elements['autoScroll'].value=getScrolling();document.forms['form1'].elements['form1:_link_hidden_'].value='hiddenLink';if(document.forms['form1'].onsubmit){var result=document.forms['form1'].onsubmit(); if( (typeof result == 'undefined') || result ) {document.forms['form1'].submit();}}else{document.forms['form1'].submit();}return false;" id="hiddenLink" style="display:none; visibility: hidden;"></a>
I suspect somehow getElementById(linkId) is not recognising the anchor tag event id ie linkId.....