Java Development Tools

Hello,

I am using jdev 11.1.1.6

I have this block of code, which is displaying a list.

On click on the row, I am displaying Test.

    <af:popup id="dc_p1" contentDelivery="lazyUncached">

                <af:panelGroupLayout id="dc_pgl9">

                                  <trh:tableLayout id="dc_tl1">

                                   <af:iterator value="#{pageFlowScope.Bean.List}

                                                id="dc_i1" >

                                     <trh:rowLayout id="dc_rl3" onclick="function()" >

                                      <trh:cellFormat id="dc_cf12"

                                                      styleClass="navPageHyperLink">

                                       <af:outputText value="#{temp.value}"

                                                      id="dc_ot8"/>

                                      </trh:cellFormat>

                                      </trh:cellFormat>

                                    </trh:rowLayout>

                                    </af:iterator>

                                  </trh:tableLayout>

            </af:panelGroupLayout>

        </af:panelWindow>

    </af:popup>

            function function(){

        alert("Test");

            }

I want to get value of particular row,

I tried

document.getElementById('dc_ot8')

document.getElementById('dc_p1:dc_pgl9:dc_tl1:dc_i1:dc_rl3:dc_ot8')

but this is not working