Necesito acceder a cada una de las etiquetas que tengo dentro de un formulario para cambiarle su atributo visibility en el caso que no sea valido su valor mediante una función. Pero no hay forma que pueda acceder desde el DOM, he intentado mediante su atributo "name" o mediante un "id" pero no hay caso...
HTML:
<form action="" id="formulario" name="miformulario" onsubmit="return validar();">
<div>
<label for="usuario"> Nombre de usuario:</label>
<input id="usuario" name="usuario" type="text" onblur="validaUsuario()"/>
<p name="Error_Usu">El usuario debe contener entre 2 y 25 caracteres</p> //MSG DE ERROR
</div>
JS:
function validaUsuario(){
let formulario = document.forms["miformulario"];//ACCEDO A FORMULARIO
let usuario = formulario["usuario"].value;//ACCEDO A INPUT USUARIO
let msg_error = //<P>
if (usuario=="gato")
msg_error.style.visibility='visible' //VARIABLE CON VALOR DE <p>
}
let usuario =document.querySelector('#usuario').value