buenas gente tengo una duda quiero deshabilitar labels mediante javascript
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title></title>
<script>
function test() {
document.getElementById('lblapematerno').innerText = '';
document.getElementById('lblnombre').innerText = '';
return false;
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:TextBox runat="server" ID="txtapematerno" Width="306px" style="margin-bottom:3px" CssClass="bordes" Height="16px" onfocus="Javascript:return test()"></asp:TextBox>
<p style="margin-top: -20px; margin-left: 70px; width: 146px;">
<asp:Label ID="lblapematerno" runat="server" Text="Ingrese Apellido Materno" Font-Size="Small" ForeColor="Red" Visible="true">
</asp:Label>
</p>
<br
<br>
<asp:TextBox runat="server" ID="txtnombre" Width="301px" style="margin-bottom:3px" CssClass="bordes" Height="16px" ></asp:TextBox>
<p style="margin-top: -20px; margin-left: 100px; width: 92px;">
<asp:Label ID="lblnombre" runat="server" Text="Ingrese Nombre" Font-Size="Small" ForeColor="Red" Visible="true">
</asp:Label>
</p>
</div>
</form>
</body>
</html>
el problema es que se desahabilitan los 2 a la vez quisiera saber la forma de poder hacerlo independiente ... al momento de hacer el click al textbox.