使用JavaScript获取GridView的列名或标题文本

我正在开发一个web应用程序，其中需要使用javascript获取网格视图的列名。之后，在Div上显示此列的名称

---

请帮我解决这个问题

GridView在您的页面源代码中呈现为HTML表，因此您可以使用Jquery获取视图源代码，并检查其是否与任何类关联，然后您可以将其用作选择器，或者使用常规的

$（'table tr th'）

这篇文章可能会帮助您

没有标准方法可以这样做。GridView在运行时只是一个html表。所以，您所能做的最好的事情就是通过javascript获取这个表并获取它的列

假设您已经声明了

gridview

，如下所示：

<asp:GridView ID="GridView1" runat="server">
</asp:GridView>

        DataTable dt= new DataTable();
        db.Columns.Add("Col1");
        db.Columns.Add("Col2");

        db.Rows.Add("one", "two");
        GridView1.DataSource = dt;
        GridView1.DataBind();

然后在运行时，为您的

gridView

<table cellspacing="0" rules="all" border="1" id="GridView1" 
       style="border-collapse:collapse;">
     <tr>
         <th scope="col">Col1</th>
         <th scope="col">Col2</th>
     </tr>
     <tr>
        <td>one</td>
        <td>two</td>
    </tr>
</table>

---

查看如何获取表元素

Hello Vishal Sachdeva，谢谢，但我不想要jquery我只想使用JavaScript我不认为两者有任何区别，因为jquery是使用JS开发的库，可以帮助您减少语法，更不用说文档了。getElementById（'ID'）被改写为$（'#ID'）。Hello Manish Mishra，ThanksHey Manish，我传递了我的GridId，但没有给我的ID var table=document.getElementById（“”）；警报（表）；嗨，Manish Mishra。我可以用检查表框绑定这个标题吗？我正在这样做，但它不起作用。。。

var table = document.getElementById('GridView1');
var headers = table.getElementsByTagName('th');

for(var i=0;i<headers.length;i++)
{
    alert(headers[i].innerText);
    //or append to some div innerText
}