如何使用Javascript獲取asp：Table單元格值？

Question

在我的aspx文件中，我定義了一個asp：table，如下所示。 我想使用Javascript獲取其單元格內容。 我怎樣才能做到這一點？

Test.aspx文件

<asp:Table ID="tableID" runat="server">
<asp:TableRow>
    <asp:TableCell>
        <asp:Label runat="server"></asp:Label>
    </asp:TableCell>
    <asp:TableCell>
        <asp:TextBox runat="server"></asp:TextBox>
    </asp:TableCell>
</asp:TableRow>

<asp:TableRow>
    <asp:TableCell>
        <asp:Label runat="server"></asp:Label>
    </asp:TableCell>
    <asp:TableCell>
        <asp:TextBox runat="server"></asp:TextBox>
    </asp:TableCell>
</asp:TableRow>
</asp:Table>

test.aspx中的Javascript部分

<script type="text/javascript">
function GetCellContents() {
var table = document.getElementById('<%=tableID.ClientID %>');

//HERE I WANT TO GET CELL CONTENTS AS ARRAY OF STRING
}
</script>

Answer 1

將cssclass添加到單元格中，然后可以使用getElementsByClassName Javascript函數來獲取元素。

Answer 2

我這樣做是這樣的：

var table = document.getElementById('<%=tableID.ClientID %>');
for (var i = 0; i < table.rows.length; i++) {
    //get first column (labels)
    var lblCtrl = table.rows[i].cells[0].childNodes[0];
    //get second column (textBoxes)
    var txtCtrl = table.rows[i].cells[1].childNodes[0];
    //check that the second column is a textBox
    if (txtCtrl.tagName == "INPUT" || txtCtrl.tagName == "SELECT") {
        alert(txtCtrl.value);
    }
    if (!(lblCtrl.tagName == "INPUT" || lblCtrl.tagName == "SELECT"))
    {
        alert(lblCtrl.innerHTML);
    }
}