Autor Tema: ¿se pueden poner dos id como argumento en document.getElementById JavaScript? (Leído 6258 veces)

anarubia · « **en:** 23 de Septiembre 2015, 11:43 »

Hola, he intentado abreviar la funcion, metiendo los ids usuario e email en document.getElementById("usuario","email").onfocus=focus e igual con onblur=blur, pero no funciona lo he tenido que poner por separado para que me funcione. ¿ Es posible abreviarlo?. gracias.

Código: [Seleccionar]


<!doctype html>
<html>
<head>
<meta charset=utf-8">

<head>
  <title>formulario</title>
 
 <style type="text/css">
 
 
 input{
 background-image:url("imagenes/descarga.png");
 background-repeat:no-repeat;
 padding-left:25px;
 width:180px;
 height:20px;
 }
 #usuario{
 background-image:url("imagenes/online-red-icon.png");
 }
 
 </style>
 <script type="text/javascript">

 window.onload=function(){

 document.getElementById('usuario').onfocus=focus
 document.getElementById('usuario').onblur=blur
document.getElementById('email').onfocus=focus
document.getElementById('email').onblur=blur
}
 function focus(){
 this.value= '';
 this.style.background= 'transparent';
 }
 function blur(){
 usuario.value='Escribe tu nombre';
 email.value='Escribe tu Email';
 email.style.background='url(imagenes/descarga.png)no-repeat';
usuario.style.background = 'url(imagenes/online-red-icon.png)no-repeat';
}
 
 </script>
  </head>
<body>



<form action="registro.php" method="get" name="miFormulario" id="miFormulario" 
enctype="multipart/form-data">

<input type="text" name="usuario" id="usuario"  value="Escribe tu Nombre" >
 
<input type="text"  name="email" id="email" value="Email"  >
    
</form>


</body>

</html>

Ogramar · « **Respuesta #1 en:** 24 de Septiembre 2015, 10:32 »

Hola Ana, un id debe ser único en el código HTML. Es un identificador único, igual que un DNI, no pueden (o al menos no deben) haber elementos con id repetidos.

Por ello document.getElementById es una función que solo permite recibir un argumento y no varios.

La sintaxis es element = document.getElementById(id);

No puedes introducir dos id.

Salu2

anarubia · « **Respuesta #2 en:** 24 de Septiembre 2015, 12:56 »

Gracias Ogramar por la aclaración, saludos

Foros aprenderaprogramar.com
Didáctica y divulgación de la programación

Noticias: