javascript - div 表示プロパティが JavaScript から機能していないようです

Question

こんにちは、3 つの div の表示プロパティを変更するために使用される JavaScript があります。

以下はコードです

function tabChanged(sender, args) {
    debugger;
    var tabIndex = sender.get_activeTabIndex();
    switch (tabIndex) {
        case 0:
            document.getElementById('divcarllist').style.display = 'block';
            document.getElementById('divcarpdlist').style.display = 'none';
            document.getElementById('divcarlxlist').style.display = 'none';
            break;
        case 1:
            document.getElementById('divcarpdlist').style.display = 'block';
            document.getElementById('divcarllist').style.display = 'none';
            document.getElementById('divcarlxlist').style.display = 'none';
            break;
        case 2:
            document.getElementById('divcarllist').style.display = 'none';
            document.getElementById('divcarpdlist').style.display = 'none';
            document.getElementById('divcarlxlist').style.display = 'block';
            break;
    }
}

そしてdivのデザインは

<div style="height: 100%; display: block;">
    <div id="divcarllist" runat="server" class='flexcroll' style="height: 69px; width: 100%;
        float: right; display: block">
        <asp:DataList ID="dlcarllist" runat="server" Height="69px" RepeatDirection="Horizontal"
            SelectedIndex="0" Width="100%" Style="float: left">
            <ItemTemplate>
                <img alt='<%#String.Concat(Eval("carcapacity"),"|",Eval("carid"),"|", Eval("carRegno"))%>'
                    src='<%#Eval("carimage") %>'
                   </ItemTemplate>
        </asp:DataList>
    </div>

    <div id="divcarpdlist" runat="server" class='flexcroll' style="height: 69px; width: 100%;
        float: right; display: none">
        <asp:DataList ID="dlcarpdlist" runat="server" Height="69px" RepeatDirection="Horizontal"
            SelectedIndex="0" Width="100%" Style="float: left">
            <ItemTemplate>
                  <img alt='<%#String.Concat(Eval("carcapacity"),"|",Eval("carid"),"|", Eval("carRegno"))%>'
                    src='<%#Eval("carimage") %>'
            </ItemTemplate>
        </asp:DataList>
    </div>
    <div id="divcarlxlist" runat="server" class='flexcroll' style="height: 69px; width: 100%;
        float: right; display: none">
        <asp:DataList ID="dlcarlxlist" runat="server" Height="69px" RepeatDirection="Horizontal"
            SelectedIndex="0" Width="100%" Style="float: left" RepeatLayout="Flow">
            <ItemTemplate>
                 <img alt='<%#String.Concat(Eval("carcapacity"),"|",Eval("carid"),"|", Eval("carRegno"))%>'
                    src='<%#Eval("carimage") %>'
            </ItemTemplate>
        </asp:DataList>
    </div>
</div>

しかし、これは 2 番目の 2 つの div が表示されないため機能しませんが、すべての div の表示プロパティをブロックに設定すると、この JavaScript は正常に機能し、問題を理解できません。ここにいる誰かが私を助けてください。