javascript - document.getElementsByName 返回的元素比预期多

Question

我有一个RadioButtonList

<asp:radiobuttonlist runat="server" id="rblList">
    <asp:listitem>s1</asp:listitem>
    <asp:listitem>s2</asp:listitem>
    <asp:listitem>s3</asp:listitem>
    <asp:listitem>s4</asp:listitem>
</asp:radiobuttonlist>

在我的客户端代码中，我正在抓取这样的单选按钮数组

var elements = document.getElementsByName("rblList");

为什么我得到了 5 件而不是 4 件？它使元素像一个基于1的数组。

Answer 1

我的猜测是页面上还有另一个名为 rblList 的元素。使用以下测试:

   <asp:RadioButtonList ID="RadioButtonList1" runat="server">
        <asp:ListItem>S1</asp:ListItem>
        <asp:ListItem>S2</asp:ListItem>
        <asp:ListItem>S3</asp:ListItem>
        <asp:ListItem>S4</asp:ListItem>
    </asp:RadioButtonList>

    <script type="text/javascript">
        function test() {
            var foo = document.getElementsByName('<%=this.RadioButtonList1.UniqueID %>');
            alert(foo.length);
            return true;
        }
    </script>

我得到四个元素。