Question

I need to read the value from a nested data grid in aspx page using Javascript.

Here is my code:

<tr>
    <td colspan="2" align="center">
        <asp:DataGrid ID="sampleData" AutoGenerateColumns="false" runat="server" OnItemDataBound="sampleData_ItemDataBound">
            <Columns>
                <asp:BoundColumn HeaderText="Name" DataField="Name" />
                <asp:BoundColumn HeaderText="City" DataField="City" />
                <asp:BoundColumn HeaderText="State" DataField="State" />
                <asp:TemplateColumn HeaderText="Inner Data">
                    <ItemTemplate>
                        <asp:DataGrid ID="innerData" AutoGenerateColumns="false" runat="server">
                            <Columns>
                                <asp:BoundColumn HeaderText="Name" DataField="Name" />
                                <asp:BoundColumn HeaderText="City" DataField="City" />
                                <asp:BoundColumn HeaderText="State" DataField="State" />
                            </Columns>
                        </asp:DataGrid>
                    </ItemTemplate>
                </asp:TemplateColumn>
            </Columns>
        </asp:DataGrid>
    </td>
</tr>

Answer 1

look at the id which is generated for the component on browsers view source page
Probably it would be iterating by incremental numbers. I am not aware of <asp:Datagrid>

Get the component in javsacript by using document.getElementById('innerData') and the values accordingly.

if its a table then by document.getElementById('innerData').getElementsByTagName('td');