如何在javascript中获取gridview项模板元素

试试这样

Try like this

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false"  >
            <Columns>
                <asp:TemplateField>
                <ItemTemplate>
                 <asp:TextBox ID="Textbox1" runat="server" CssClass="DropDownFont" Font-Size="XX-Small" Text='<%# Eval("Column1")%>' > </asp:TextBox>
                </ItemTemplate>
                </asp:TemplateField>
            </Columns>
        </asp:GridView>
        <script type="text/javascript">
            var table = document.getElementById("GridView1");

            if (table.rows.length > 0) {
                //loop the gridview table
                for (var i = 1; i < table.rows.length; i++)

                {

                    //get all the input elements

                    var inputs = table.rows[i].getElementsByTagName("input");

                    for (var j = 0; j < inputs.length; j++) {

                        //get the textbox1

                        if (inputs[j].id.indexOf("Textbox1") > -1) {
                            alert(inputs[j].value);
                        }

                    }

                }
            }

        </script>

参考：

填充Gridview编辑项目模板使用Javascript从TextBox获取值的TextBox。 [ ^ ]

如何使用Javascript查找Gridview项目模板texbox [ ^ ]



这可能会有所帮助。

Refer:
Populate Gridview Edit Item Template TextBox with value from TextBox using Javascript.[^]
How to Find Gridview Item template texbox using Javascript[^]

This may help.

你将无法在 Javascript中获得 ItemTemplate >
，因为 girdview将在Web浏览器中呈现为表，只有 TR的TD



您可以通过在Javascript中迭代行（TR）和列（TD）来获取Item模板中的控件

You wont be able to get the ItemTemplate in the Javascript
as the girdview will be rendered in the Web Browser as Table only with TR's TD's

you can get the controls inside the Item template by iterating the rows(TR) and columns(TD) in Javascript