tengo unasp:Panel elemento en mi página. Puedo establecer su visibilidad en el código detrás. Pero también necesito ocultarlo a través de javascipt.

Mipanel se define de la siguiente manera:

     <asp:Panel ID="pnlUpdateDisplay" runat="server" Visible="false" style="width:500px; border-width: thick;">
        <table style="width:300px;">
            <tr>
                <td valign="middle" style="width:120px" align="center">
                <asp:Label ID="lblUpdateMessage" runat="server" style="position:absolute; left: 120px; top: 120px;"></asp:Label>
                </td>
            </tr>
        </table>      
    </asp:Panel>

Cuando hago esto:

   var panel = document.getElementById('pnlUpdateDisplay');
   panel.style.visibility = 'hidden';
   panel.style.display='none';

Hay un error que dice:"Error: no se puede obtener el valor de la propiedad 'estilo': el objeto es nulo o no está definido"

¿Alguna sugerencia?